Exemplu
Specificați un nume pentru animație @keyframes:
div
{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
} Încearcă - l singur » Definiție și utilizare
Proprietatea de animație nume-specifică un nume pentru animație @keyframes.
| Valoare implicită: | none |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.animationName="myNEWmove" Try it |
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-name | 43.0 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 9 4.0 -webkit- | 30.0 15,0 -webkit- 12,0 -o- |
CSS Sintaxa
animation-name: Valori de proprietate Valoare Descriere keyframename Specifică numele keyframe pe care doriți să se lege la selectorul none Valoare implicită. Specifică faptul că nu va fi nici o animație (poate fi folosit pentru a trece peste animatii provenind din cascada) 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
Pagini similare
Tutorial CSS3: CSS3 Animații
HTML DOM referință: animationName property