CSS - animation-direction
Die animation-direction Eigenschaft legt fest, ob eine Animation in umgekehrter Richtung oder in wechselnden Zyklen ablaufen soll.
Beispiel
div {
animation-direction: alternate;
}
Definition und Verwendung
- Standard Wert:
- normal
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-animation-direction
- -moz-:
- -moz-animation-direction
- -o-:
- -o-animation-direction
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 |
|---|---|
| alternate | Die Animation wird normal bei jedem ungeraden Durchlauf gespielt (1,3,5, etc ..) und in umgekehrter Richtung bei jedem geraden Durchlauf (2,4,6, etc ...). |
| alternate-reverse | Die Animation wird in umgekehrter Richtung bei jedem ungeraden Durchlauf gespielt (1,3,5, etc ..) und normal bei jedem geraden Durchlauf (2,4,6, etc ...). |
| normal | Standardwert. Die Animation soll normal zu Ende gespielt werden. |
| reverse | Die Animation soll in umgekehrter Richtung spielen. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |