Ultimele tutoriale de dezvoltare web
 

Style animationName Property

<Style Object

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