Właściwości animacji CSS3
Przykłady
Użyj skrótowej animacji właściwości do wiązania się z <div>:
div
{
Animacja: mymove 5 s nieskończony ; - Webkit-animacja: mymove 5 s nieskończony ; / * Safari i Chrome * /
}
Spróbuj »
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
属性 | |||||
---|---|---|---|---|---|
animation | 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- |
Domyślnie: | none 0 łatwość 0 1 normalne |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | Obiekt .style.animation = "mymove 5s nieskończone" |
gramatyka
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
wartość | wyjaśnienie |
---|---|
animacja-name | Określa nazwę, która ma być związana z wyboru klatek kluczowych |
animacja-czas | Animacja Określa ile sekund lub milisekund |
animacja-timing-function | Jak skonfigurować animację zakończy cykl |
animacja opóźnienia | Animowanie przed rozpoczęciem przedział czasowy. |
animacja-iteracja-count | Definiowanie sztuki animacji. |
animacja-kierunek | Określa, czy zawrócić animację. |
animacja-fill-mode | Przepisy gdy animacja nie odtwarza (gdy animacja jest zakończona, lub gdy występuje opóźnienie w animacji nie rozpocząć odtwarzanie), które mają być stosowane do elementu stylu. |
animacja-play-state | Określa, czy animacja jest uruchomiony lub zatrzymany. |
początkowy | Ustaw właściwość na wartość domyślną. Przeczytaj informacje na temat początkowej. |
dziedziczyć | Właściwości dziedziczone z elementu nadrzędnego. Przeczytaj informacje na temat initinherital. |
Powiązane artykuły
Tutorial CSS3: CSS3 Animacja