/* = = = = = = = = = = = = = = = = = datei animation.css = = = = = = = = = = = = = = = = = = = = = = = = = */

/* ############################################################ */
/* | Animation mit CSS-KEYFRAMES | */
/* ############################################################ */

/* In diesem Template keine vorhanden */

/* ############################################################ */
/* | Animation mit CSS-Transition | */
/* ############################################################ */

/* hinweis: eventuelle animationen mit TRANSITION sind direkt in der datei datei MENUE.CSS bzw. FORMAT.CSS angelegt */
/* ############################################################ */

/* ############################################################ */
/* NACHFOLGEND NUR INFORMATION F�R SIE */
/* Kurzer �berblick: ANIMATIONEN mit CSS Keyframes und CSS Transition */
/* ############################################################ */

/* Es gibt 2 Arten von CSS Animationen, n�mlich

(1) CSS TRANSITION

(2) CSS ANIMATION (auch KEYFRAMES-ANIMATION genannt).

Bei einer einfachen Animation wie z.b Drehung um 360grad bei Mouseover (hover) ausgel�st,
kann man von aussen nicht erkennen, ob diese mit (1) oder (2) gemacht ist.

(1)=
- Erlaubt nur 2 Zust�nde, Anfangs- und Endzustand
- Braucht zur Ausl�sung einen sog. Trigger (z.b.hover oder focus), in der Regel also eine Mausber�hrung oder Touch.
- Kein Loop (zb. spiele 8x ab) ist NICHT erlaubt.

(2)=
- Erlaubt die 2 Zust�nde (bzw. die  sind Pflicht) wie bei 1), dann jedoch viele m�gliche Zust�nde dazwischen, eben Keyframes, wie beim Film.
- Startet im Gegensatz zu 1) auch automatisch (z.b. Foto-Slideshow) beim Laden der Seite.
- Loop-Angabe ist ERLAUBT.

GEMEINSAM (1. und 2.) HABEN BEIDE :
- Zeitangabe f�r kompletten Durchlauf
- Zeitverz�gernung (delay), also starte erst nach X sec
- Geschwindigkeitssteuerung , verschiedene, wie:
   // starte schnell, ende langsam  (ease-out)
   // starte langsam ende schnell (ease-in)
   // spiele gleichm�ssig ab (linear)   o.�. */

/*  = = = = = = = = = = = = = = = = = = = = = = = = = = = */