transform
रूपांतरण और गति
खिसकाता, घुमाता और बड़ा करता है; लेआउट बॉक्स वहीं रहता है, बाक़ी नहीं हिलता।
| कैसे लिखें | transform: none; |
|---|---|
| सामान्य मान | none, translateX(10px), rotate(45deg), scale(1.05) |
| विरासत | नहीं — यहीं रुक जाती है |
| श्रेणी | रूपांतरण और गति |
कैसे पढ़ें
- विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
- शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
- नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
- सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।
अक्सर पूछे जाने वाले सवाल
Q. CSS transform प्रॉपर्टी क्या है?
खिसकाता, घुमाता और बड़ा करता है; लेआउट बॉक्स वहीं रहता है, बाक़ी नहीं हिलता।
Q. transform कैसे लिखें?
इस तरह: transform: none; सामान्य मान: none, translateX(10px), rotate(45deg), scale(1.05)।
Q. क्या transform विरासत में जाती है?
नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।
Q. transform किस समूह की है?
रूपांतरण और गति समूह की।