Przykład
Zmiana animację <div> elementu, używając właściwości skrótowej:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość animacja jest skróconą własnością dla sześciu właściwości animacji:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note: Zawsze określić właściwość animationDuration, w przeciwnym razie czas trwania wynosi 0, i nigdy nie będą odtwarzane.
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ść | |||||
---|---|---|---|---|---|
animation | 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ść WebkitAnimation.
Składnia
Powrót właściwości animacji:
object .style.animation
Ustaw właściwość animacji:
object .style.animation=" wartości nieruchomości Wartość Opis animationName Określa nazwę kluczowej chcesz wiązać się z selektora animationDuration Określa ile sekund lub milisekund animacja trwa do ukończenia
animationTimingFunction Określa krzywą prędkości animacji animationDelay Określa opóźnienie, zanim rozpocznie się animacja
animationIterationCount Określa, ile razy animacja powinna być odtwarzana animationDirection Określa, czy animacja powinna odgrywać w odwrocie na naprzemiennych cyklach animationFillMode Określa, jakie wartości są stosowane przez animacji poza chwili jego wykonującego animationPlayState Określa, czy animacja jest uruchomiony lub wstrzymany 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ść: none 0 łatwość 0 1 normalny żaden bieg Zwracana wartość: Ciąg reprezentujący właściwości animacji elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: animation property
<Style obiektu