Najnowsze tutoriale tworzenie stron internetowych
 

Style animationName Property

<Style obiektu

Przykład

Zmiana własności animationName o <div> element:

// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";

// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy własności animationName lub zwraca nazwę animacji @keyframes.


Wsparcie przeglądarka

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

Numery obserwowani przez Webkit, Moz lub O określić pierwszą wersję, która pracowała z prefiksem.

Nieruchomość
animationName 43,0
4,0 Webkit
10,0 16,0
5,0 Moz
4,0 Webkit 30,0
15,0 Webkit
12,1
12,0 O

Uwaga: Chrome, Safari i Opera wspierać alternatywę, właściwość WebkitAnimationName.


Składnia

Zwraca właściwość animationName:

object .style.animationName

Ustaw właściwość animationName:

object .style.animationName="none| wartości nieruchomości
Wartość Opis
none Domyślna wartość. Określa, że ​​nie będzie animacja (może być używany do przesłonić animacji pochodzących z kaskady)
keyframename Określa nazwę kluczowej chcesz wiązać się z selektora
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: Żaden
Zwracana wartość: Ciąg, stanowiących własność animation-name elementu
Wersja CSS CSS3

Podobne strony

Odniesienie CSS: animation-name property


<Style obiektu