CSS/Eigenschaften/animation-direction
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft animation-direction legt fest, welchen Verlauf die Animation nehmen soll.
erlaubte Werte |
|
---|---|
anwendbar auf | alle Elemente, Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
@keyframes beispiel { from {background-color: #000;} to {background-color: #fff;} } aside { animation-name: beispiel animation-duration: 3s; animation-direction: alternate; animation-iteration-count: infinite; }
Die Animation wird immer wieder wiederholt. Dabei läuft sie einamel vor vorwärts und bei jedem 2. Durchlauf wieder rückwärts ab.
Weblinks
- Spezifikation (W3C): animation-direction
- MDN: animation-direction
Siehe auch
Liste der CSS-Eigenschaften
- Animation
- animation
- keyframe
- offset
- offset-anchor
- offset-distance
- offset-path (ehem. motion-path)
- offset-rotation
- transition
- Abstände
- Benutzeroberfläche
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Rahmen und Schatten
- Schriftformatierung
- Textausrichtung