Exemplu
Schimbarea proprietatea animationName unui <div> Element:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationName = "myNEWmove";
// Standard syntax
document.getElementById("myDIV").style.animationName = "myNEWmove";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate animationName sau returnează un nume pentru animație @keyframes.
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 | |||||
---|---|---|---|---|---|
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 |
Notă: Chrome, Safari și Opera susține o alternativă, proprietatea WebkitAnimationName.
Sintaxă
Întoarcere proprietatea animationName:
object .style.animationName
Setați proprietatea animationName:
object .style.animationName="none| Valori de proprietate Valoare Descriere none Valoare implicită. Specifică faptul că nu va fi nici o animație (poate fi folosit pentru a trece peste animatii provenind din cascada) keyframename Specifică numele keyframe pe care doriți să se lege la selectorul 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ă: nici unul Întoarcere Valoare: Un șir, reprezentând proprietatea de animație numele unui element CSS Versiune CSS3
Pagini similare
Referință CSS: animation-name property
<Style Object