animation
रूपांतरण और गति
तय कीफ़्रेम चलाता है; नाम, अवधि और दोहराव एक पंक्ति में।
| कैसे लिखें | animation: none; |
|---|---|
| सामान्य मान | none, spin 1s linear infinite |
| विरासत | नहीं — यहीं रुक जाती है |
| एक साथ तय करता है | animation-name, animation-duration, animation-timing-function, animation-iteration-count |
| श्रेणी | रूपांतरण और गति |
कैसे पढ़ें
- विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
- शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
- नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
- सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।
अक्सर पूछे जाने वाले सवाल
Q. CSS animation प्रॉपर्टी क्या है?
तय कीफ़्रेम चलाता है; नाम, अवधि और दोहराव एक पंक्ति में।
Q. animation कैसे लिखें?
इस तरह: animation: none; सामान्य मान: none, spin 1s linear infinite।
Q. क्या animation विरासत में जाती है?
नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।
Q. animation शॉर्टहैंड क्या-क्या तय करता है?
animation-name, animation-duration, animation-timing-function, animation-iteration-count — और जो छोड़ा जाए वह डिफ़ॉल्ट पर लौट जाता है।