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

Հատկանշում է անիմացիոն բոլոր հատկությունները կրճատ գրելաձևով, բացի animation-play-state հատկությունից:

Օրինակ

div {
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}
Փորձել
-webkit-
-webkit-
-webkit-
Նախնական արժեք none 0 ease 0 1 normal none running
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.animation="mymove 5s infinite"
Արժեք Բնութագիր
animation-delay Հատկանշում է ընդմիջում մինչ անիմացիայի սկսելը:
animation-direction Հատկանշում է, արդյո՞ք անիմացիան պետք է խաղա հակառակ յուրաքանչյուր ցիկլում, թե ոչ:
animation-duration Հատկանշում է, թե քանի վայրկյան կամ միլիվայրկյան է անհրաժեշտ անիմացիային մեկ ցիկլ ավարտելու համար:
animation-fill-mode Հատկանշում է, թե ինչ արժեքներ են կիրառվում անիմացիայի կողմից նրա կատարման ժամանակից դուրս:
animation-iteration-count Հատկանշում է, թե քանի անգամ անիմացիան պետք է խաղա:
animation-name Հատկանշում է keyframe-ի անվանումը, որը պետք է կապված լինի սելեքթորի հետ:
animation-play-state Հատկանշում է, արդյո՞ք անիմացիան պետք է սկսի, թե կանգնեցված լինի:
animation-timing-function Հատկանշում է անիմացիայի կորության արագությունը:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: