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