Tematy: animation | @keyframes | animation-name | animation-duration | animation-timing-function | animation-delay | animation-iteration-count | animation-direction | animation-play-state
| Dane w pigułce | |
| Zastosowanie | Określa liczbę cykli animacji |
| Dziedziczenie | nie |
| Wartości | liczba | infinite |
| Wartość domyślna | 1 |
| Przykład | animation-iteration-count: 3; |
| Składnia JavaScript | object.style.animationIterationCount=3 |
Aby zdefiniować kierunek przebiegu animacji, należy wpisać w definicji stylu animation-iteration-count: liczba.
Żadna z przeglądarek nie obsługuje czystego kodu, Chrome i Safari wymagają prefiksu -webkit-.
Czas trwania możemy podawać w zbiorczej definicji animacji lub też w postaci oddzielnego wiersza kodu.
animation-iteration-count: 5
Dwa obiekty, pierwsza animacja o nieskończonej liczbie cykli (infinite), druga - 5 cykli (ruch w jedną stronę jest tu cyklem):
Interpretacja: Chrome i Safari (z prefiksem).
