CSS/Eigenschaften/animation-iteration-count
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft animation-iteration-count definiert, wie oft die Animation wiederholt werden 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 { width: 10em; height: 10em; background-color: #000; color: white; animation-name: beispiel animation-duration: 3s; animation-direction: alternate; animation-iteration-count: infinite; }
Die Animation wird immer wieder wiederholt. Dabei läuft sie bei jedem 2. Durchlauf rückwärts ab.
Weblinks
- Spezifikation (W3C): animation-iteration-count
- MDN: animation-iteration-count
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