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