सीएसएस एनीमेशन गुण

व्याख्या और उपयोग

animation गुण एक संक्षिप्त गुण है, जो छह एनीमेशन गुण नियत करने के लिए प्रयोग किया जाता हैः

टिप्पणीःहमेशा निर्दिष्ट करें animation-duration गुण, अन्यथा दैर्ध्यम् 0 भवति, तदा एनीमेशन नहीं बजायते。

अन्य देखेंः

CSS3 शिक्षणःCSS एनिमेशन

HTML DOM संदर्भ पुस्तकःanimation गुण

उदाहरण

एनिमेशन को div एलीमेंट से बांधने के लिए लघु गुण का उपयोग करें:

div
{
animation:mymove 5s infinite;
}

स्वयं प्रयोग करें

CSS व्याकरण

animation: name duration timing-function delay iteration-count direction;
मान वर्णन
animation-name चयनकर्ता पर बांधन के लिए आवश्यक की जाने वाली keyframe नाम का परिवर्तन करता है।
animation-duration एनिमेशन पूरा करने के लिए लगने वाला समय का परिवर्तन करता है, सेकंड या मिलीसेकंड में।
animation-timing-function एनिमेशन की गति का परिवर्तन करता है।
animation-delay एनिमेशन शुरू होने से पहले का विलंब का परिवर्तन करता है।
animation-iteration-count एनिमेशन को बजाने की बारी का परिवर्तन करता है।
animation-direction एनिमेशन को बदले में बदलने का निर्णय करता है।
animation-fill-mode एनिमेशन के अलावा अनुप्रयोग की गई मान का परिवर्तन करता है।
animation-play-state एनिमेशन जारी है या रुका है का परिवर्तन करता है।

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: none 0 ease 0 1 normal
विरासत: नहीं
संस्करण: CSS3
जेविस्क्रिप्ट व्याकरण: ऑब्जैक्ट.style.animation="mymove 5s infinite"

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

तालिका में नंबर को इस गुण को पूरी तरह से समर्थन करने वाले पहले ब्राउज़र संस्करण के लिए नोट किया गया है।

आगे -webkit-、-moz- या -o- के साथ नंबर उपयोग के प्रथम संस्करण को प्रदर्शित करते हैं।

च्रोम आईई / एज फ़ाइरफ़ॉक्स सैफ़री ओपेरा
च्रोम एज फ़ाइरफ़ॉक्स सैफ़री ओपेरा
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-