స్టైల్ animationDirection లక్షణం

నిర్వచనం మరియు వినియోగం

animationDirection ఈ లక్షణం నిర్వహించబడింది అనిమేషన్ అనుకూలంగా ప్రసరించాలి అని నిర్వహిస్తుంది.

ప్రతీక్షఅనిమేషన్ ఒక్కసారి మాత్రమే ప్రసరించాలి అయితే, ఈ లక్షణం చేతికరంగా ఉంటుంది.

ఉదాహరణ

డివ్ అంగం యొక్క animationDirection లక్షణాన్ని మార్చండి:

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

స్వయంగా ప్రయత్నించండి

సంకేతసంపూర్ణం

animationDirection లక్షణాన్ని తిరిగి పొందండి:

object.style.animationDirection

animationDirection లక్షణాన్ని అమర్చండి:

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

లక్షణ విలువ

విలువ వివరణ
normal మూల విలువ
reverse అనిమేషన్ వాటికి వాటికి పూర్వం నుండి ప్రత్యర్థి చేయాలి.
alternate అనిమేషన్ ప్రతి అయిదవ సారి (1, 3, 5 మొదలైనవి) వాటికి వాటికి పూర్వం నుండి ప్రత్యర్థి చేస్తుంది, మరియు ప్రతి రెండవ సారి (2, 4, 6 మొదలైనవి) వాటికి వాటికి పూర్వం నుండి ప్రత్యర్థి చేస్తుంది...
alternate-reverse అనిమేషన్ ప్రతి అయిదవ సారి (1, 3, 5 మొదలైనవి) వాటికి విలువను వాటికి పూర్వం నుండి ప్రత్యర్థి చేస్తుంది, మరియు ప్రతి రెండవ సారి (2, 4, 6 మొదలైనవి) వాటికి వాటికి పూర్వం నుండి ప్రత్యర్థి చేస్తుంది...
initial ఈ లక్షణాన్ని దాని మూల విలువకు అమర్చండి. చూడండి initial.
inherit ఈ లక్షణాన్ని తన పేర్వర్తి అంగాన్ని నుండి పాటిస్తుంది. చూడండి inherit.

సాంకేతిక వివరాలు

మూల విలువ normal
తిరిగి వచ్చే విలువ స్ట్రింగ్ అనేది అంగం యొక్క animation-direction 属性.
CSS వెర్షన్: CSS3

బ్రౌజర్ మద్దతు

animationDirection ఇది CSS3 (1999) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు ఇస్తాయి:

క్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఆపెరా IE
క్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఆపెరా IE
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు 11

相关页面

CSS 参考手册：animation-direction 属性