Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Kurs CSS

CSS3 - animation-name

Email Drukuj PDF

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).

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V