Exemplu
Schimbarea animație unui <div> element folosind proprietatea stenografie:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; Încearcă - l singur » Definiție și utilizare
Proprietatea de animație este o proprietate prescurtare pentru șase dintre proprietăți de animație:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note: specificați întotdeauna proprietatea animationDuration, în caz contrar durata este 0, și niciodată nu va fi redat.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de Webkit, Moz, sau O specificați prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| 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- |
Notă: Chrome, Safari și Opera susține o alternativă, proprietatea WebkitAnimation.
Sintaxă
Întoarcere proprietatea de animație:
object .style.animation Setați proprietatea de animație:
object .style.animation=" Valori de proprietate Valoare Descriere animationName Specifică numele keyframe pe care doriți să se lege la selectorul animationDuration Specifică cât de multe secunde sau milisecunde ia o animație pentru a finaliza
animationTimingFunction Specifică curba de viteză de animație animationDelay Specifică o întârziere înainte de animație va începe
animationIterationCount Specifică de câte ori ar trebui să fie jucat o animație animationDirection Specifică dacă este sau nu ar trebui să joace animație în sens invers pe cicluri alternative animationFillMode Specifică ce valori sunt aplicate de animație în afara timpului este de executare animationPlayState Specifică dacă animația se execută sau întrerupte initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: Nu 0 0 1 ușurință normală de funcționare nici unul Întoarcere Valoare: Un șir, care reprezintă proprietatea de animație a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: animation property de animation property
<Style Object