tas2580
Blog über Webentwicklung

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.