Exemplu
Schimbarea proprietatea animationDirection unui <div> Element:
document.getElementById("myDIV").style.animationDirection = "reverse";
Încearcă - l singur » Definiție și utilizare
Seturile de proprietate animationDirection sau se întoarce sau nu animația ar trebui să joace în sens invers pe cicluri alternative.
Note: În cazul în care animația este setat pentru a juca doar o singură dată, această proprietate va avea nici un efect.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de Moz specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | Nu sunt acceptate | 16.0 5.0 Moz | Nu sunt acceptate | 30.0 |
Sintaxă
Întoarcere proprietatea animationDirection:
object .style.animationDirection Setați proprietatea animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| normal | Valoare implicită. Animația trebuie să fie jucat normal |
| reverse | Animatia ar trebui să joace în sens invers |
| alternate | Animația va fi jucat normal de fiecare dată impar (1,3,5,etc..) și în direcția inversă de fiecare dată , chiar (2,4,6,etc...) |
| alternate-reverse | Animația va fi jucat în direcția inversă de fiecare dată impar (1,3,5,etc..) și într - o direcție normală de fiecare dată , chiar (2,4,6,etc...) |
| 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ă: | normal |
|---|---|
| Întoarcere Valoare: | Un șir, reprezentând proprietatea animație direcția unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: animation-direction property
<Style Object