Style animationDirection ominaisuus

Määrittely ja käyttö

animationDirection Ominaisuuden asettaminen tai palauttaminen määrittää, toistetaanko animaatio vaihdellen päinvastaisessa suhteessa.

Huomautus:Jos animaatio on asetettu toistamaan vain kerran, tämä ominaisuus on voimaton.

Esimerkki

Muuta <div> elementin animationDirection ominaisuutta:

document.getElementById("myDIV").style.animationDirection = "reverse";

Kokeile itse

Syntaksi

Palauta animationDirection ominaisuus:

object.style.animationDirection

Aseta animationDirection ominaisuus:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
normal Oletusarvo. Animaatio tulisi toistaa normaalissa suhteessa.
reverse Animaatio tulisi toistaa päinvastaisessa suhteessa.
alternate Animaatio toistetaan joka toinen kerta (1, 3, 5 jne.) suoraan ja joka toinen kerta (2, 4, 6 jne.) päinvastaisessa suhteessa.
alternate-reverse Animaatio toistetaan joka toinen kerta (1, 3, 5 jne.) päinvastaisessa suhteessa ja joka toinen kerta (2, 4, 6 jne.) suoraan.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tämän ominaisuuden arvon. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: normal
Palautusarvo: Merkistö, joka ilmaisee elementin animation-direction-ominaisuus.
CSS versio: CSS3

Selaimen tuki

animationDirection Se on CSS3 (1999) ominaisuus.

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tuki Tuki Tuki Tuki Tuki 11

Aiheeseen liittyvät sivut

CSS-ohje:animation-direction-ominaisuus