शैली एनीमेशनदिशा संपत्ति
उदाहरण
एक <div> तत्व की एनिमेशनडायरेक्शन संपत्ति बदलना:
document.getElementById("myDIV").style.animationDirection = "reverse";
परिभाषा और उपयोग
एनीमेशनडायरेक्शन प्रॉपर्टी सेट या रिटर्न करती है कि एनीमेशन को वैकल्पिक चक्रों पर रिवर्स में खेलना चाहिए या नहीं।
नोट: यदि एनीमेशन केवल एक बार चलने के लिए सेट है, तो इस गुण का कोई प्रभाव नहीं पड़ेगा।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Moz द्वारा पीछा किए गए नंबर पहले संस्करण को निर्दिष्ट करते हैं जो एक उपसर्ग के साथ काम करता है।
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
वाक्य - विन्यास
एनीमेशनडायरेक्शन प्रॉपर्टी लौटाएं:
object.style.animationDirection
एनीमेशनडायरेक्शन प्रॉपर्टी सेट करें:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | साधारण |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की एनीमेशन-दिशा संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
CSS संदर्भ: एनिमेशन-दिशा गुण