Najnowsze tutoriale tworzenie stron internetowych
 

Style animation Property

<Style obiektu

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