CSS animation-direction հատկություն

Հատկանշում է, արդյո՞ք անիմացիան պետք է խաղա հակառակ յուրաքանչյուր ցիկլում, թե ոչ:

Օրինակ

div {
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-direction: alternate;
}
Փորձել
-webkit-
-webkit-
-webkit-
Նախնական արժեք normal
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.animationDirection="alternate"
Արժեք Բնութագիր
alternate Անիմացիան կխաղա նորմալ ամեն կենտ ժամանակահատվածում (1,3,5 և այլն...) և հակառակ ուղղությամբ՝ ամեն զույգ ժամանակահատվածում (2,4,6 և այլն...):
alternate-reverse Անիմացիան կխաղա հակառակ ուղղությամբ ամեն կենտ ժամանակահատվածում (1,3,5 և այլն...) և նորմալ՝ ամեն զույգ ժամանակահատվածում (2,4,6 և այլն...):
normal Անիմացիան կխաղա նորմալ:
reverse Անիմացիան կխաղա հակառակ ուղղությամբ:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: