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 | Nadaje nazwę animacji |
Dziedziczenie | nie |
Wartości | nazwa | none |
Wartość domyślna | brak |
Przykład | animation-name: mojaanimacja; |
Składnia JavaScript | object.style.animationName="mojaanimacja" |
Aby zdefiniować nazwę animacji, należy wpisać w definicji stylu animation-name: nazwa.
Żadna z przeglądarek nie obsługuje czystego kodu, Chrome i Safari wymagają prefiksu -webkit-.
Nazwę animacji możemy podawać w zbiorczej definicji animacji lub też w postaci oddzielnego wiersza kodu.
animation-name: nazwa;
Użycie nazwy jest konieczne dla wyróżnienia jej - nazwa jest używana w obu blokach kodu, a więc w tym, który definiuje obiekt i przypisaną mu animację, jak i w tym, który definiuje klatki animacji (@keyframes).
Interpretacja: Chrome i Safari (z prefiksem).