CSS - animation
Die animation Eigenschaft animiert ein Objekt wenn es sich ändert.
Beispiel
div { animation: all 5s; }
Definition und Verwendung
Die Animation Eigenschaft ist eine zusammenfassende Eigenschaft für:animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode und animation-play-state.- Standard Wert:
- none 0 ease 0 1 normal none running
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-animation
- -moz-:
- -moz-animation
- -o-:
- -o-animation
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
Wert | Beschreibung |
---|---|
animation-delay | Siehe die Werte von animation-delay. |
animation-direction | Siehe die Werte von animation-direction. |
animation-duration | Siehe die Werte von animation-duration. |
animation-fill-mode | Suehe die Werte von animation-fill-mode. |
animation-iteration-count | Siehe die Werte von animation-iteration-count. |
animation-name | Siehe die Werte von animation-name. |
animation-play-state | Siehe die Werte von animation-play-state. |
animation-timing-function | Siehe die Werte von animation-timing-function. |
initial | Setzt diese Eigenschaft auf den Standardwert. |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |