Style katangian ng animationDirection

Paglalarawan at paggamit

animationDirection Ang pag-set ng katangian na ito ay nagbibigay-daan sa animasyon na magpalibot sa alternatibong ikot na baligtarin.

Komento:Kung ang animasyon ay naka-set para lamang sa isang pagpalakad, ang katangian na ito ay hindi magagamit.

Halimbawa

Ibaguhin ang katangian ng animationDirection ng <div> elemento:

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

Subukan nang personal:

Gramata:

I-halimbawa ang katangian ng animationDirection:

object.style.animationDirection

I-set ang katangian ng animationDirection:

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

Halimbawa ng katangian

Halimbawa ng pagbabalik Paglalarawan
normal Default na halimbawa. Ang animasyon ay dapat gumawa ng normal na pagpalakad.
reverse Ang animasyon ay dapat ma-baligtarin na magpalakad.
alternate Ang animasyon ay magpalibot sa bawat unang pagpapalakad (1, 3, 5 at iba pa) na naka-likod at sa bawat ikalawang pagpapalakad (2, 4, 6 at iba pa) na baligtarin.
alternate-reverse Ang animasyon ay magpalibot sa bawat unang pagpapalakad (1, 3, 5 at iba pa) na baligtarin at sa bawat ikalawang pagpapalakad (2, 4, 6 at iba pa) na naka-likod.
initial I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang initial.
inherit Manggagaling sa kanyang magulang na elemento ang katangian na ito. Tingnan ang inherit.

Detalye ng teknolohiya

Default na halimbawa: normal
Halimbawa ng pagbabalik: String, na naglalarawan ng elemento ng animation-direction 属性.
Versyon ng CSS: CSS3

Suporta ng browser

animationDirection ay katangian ng CSS3 (1999).

Lahat ng mga browser ay ganap na sumusuporta sa ito:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporta Suporta Suporta Suporta Suporta 11

相关页面

CSS 参考手册：animation-direction 属性