Style animationDirection गुण

परिभाषा और उपयोग

animationDirection गुण सेट करने या वापसी मान रिवर्स करने के लिए एनिमेशन को अल्टरनेट सर्किल में विपरीत रूप से चलना चाहिए।

टिप्पणी:यदि एनिमेशन केवल एक बार चलना है, तो यह गुण निष्क्रिय होगा।

उदाहरण

<div> एलिमेंट के animationDirection गुण को बदलें:

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

खुद से प्रयास करें

व्याकरण

animationDirection गुण वापसी मान:

ऑब्जैक्ट.style.animationDirection

animationDirection गुण सेट करें:

ऑब्जैक्ट.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

गुण मान

मान वर्णन
नॉर्मल डिफ़ॉल्ट मान। एनिमेशन सामान्य रूप से चलना चाहिए।
रिवर्स एनिमेशन विपरीत रूप से चलनी चाहिए।
अल्टरनेट एनिमेशन प्रत्येक अनोखे बार (1, 3, 5 आदि) में सामान्य रूप से चलेगी और प्रत्येक अनुपम बार (2, 4, 6 आदि) में विपरीत रूप से चलेगी।
अल्टरनेट-रिवर्स एनिमेशन प्रत्येक अनोखे बार (1, 3, 5 आदि) में विपरीत रूप से चलेगी और प्रत्येक अनुपम बार (2, 4, 6 आदि) में सामान्य रूप से चलेगी।
इनिशियल इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें इनिशियल。
इनहेरिट इस गुण को उसके पिता एलिमेंट से इनहेरिट करें। देखें इनहेरिट。

तकनीकी विवरण

डिफ़ॉल्ट मान: नॉर्मल
वापसी मान: शब्द, जो एलिमेंट का animation-direction गुण。
CSS संस्करण: CSS3

ब्राउज़र समर्थन

animationDirection यह CSS3 (1999) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:

च्रोम एज फ़ायरफॉक्स सैफारी ऑपेरा IE
च्रोम एज फ़ायरफॉक्स सैफारी ऑपेरा IE
समर्थन समर्थन समर्थन समर्थन समर्थन 11

संबंधित पृष्ठ

CSS संदर्भ पुस्तिका:animation-direction गुण