Atrybut animation-name CSS

Definicja i użycie

animation-name Atrybut określa nazwę animacji @keyframes.

Komentarz:Zawsze określaj animation-duration Jeśli nie określono atrybutu, animacja nie będzie odtwarzana, ponieważ czas trwania wynosi 0.

Zobacz również:

CSS3 Tutorial:Animacje CSS

HTML DOM Reference Manual:animationName attribute

Przykład

Określa nazwę dla animacji @keyframes:

div
{
animation:mymove 5s infinite;
}

Spróbuj sam

CSS syntax

animation-name: keyframename|none;

Wartość atrybutu

Wartość Opis
keyframename Określa nazwę keyframe do powiązania z selektorem.
none Określa brak efektu animacji (może być używane do nadpisywania animacji z kaskady).

Techniczne szczegóły

Domyślna wartość: none
Inheritance: no
Wersja: CSS3
JavaScript syntax: object.style.animationName="mymove"

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Numer z -webkit-, -moz- lub -o- oznacza pierwszą wersję używającą prefiksu.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-