y-axis के साथ एलिमेंट को ट्रांसफॉर्म करने के लिए translateY(n) मेथड का उपयोग किया जाता है।
आइए सिंटैक्स देखें:
translateY(n)
यहां, n ट्रांसलेटिंग वेक्टर के abscissa को दर्शाने वाली लंबाई है।
आइए एक उदाहरण देखें:
div { width: 50px; height: 50px; background-color: black; } .trans { transform: translateY(20px); background-color: orange; }
CSS3 से z-axis का उपयोग करके एलिमेंट को रोटेट करें
rotateZ() मेथड का उपयोग rotateZ(angle) मेथड का उपयोग किसी एलिमेंट को z-axis (स्क्रीन के लंबवत अक्ष) के चारों ओर घुमाने के लिए किया जाता है। यह 2D रोटेशन के समान है, लेकिन 3D ट्रांसफॉर्म कॉन्टेक्स्ट में उपयोगी होता है। उदाहरण <html> <head> <style> div { width: 2
CSS से डॉक्यूमेंट के रूट एलिमेंट को स्टाइल करें
:root सेलेक्टर का उपयोग :root सेलेक्टर डॉक्यूमेंट के रूट एलिमेंट (HTML में <html>) को सिलेक्ट करता है। इसकी स्पेसिफिसिटी html टाइप सेलेक्टर से अधिक होती है। यह आमतौर पर CSS कस्टम प्रॉपर्टीज (CSS वेरिएबल्स) परिभाषित करने के लिए उपयोग किया जाता है। उदाहरण <!DOCTYPE html> <html> &l
CSS से एलिमेंट का टेक्स्ट कलर सेट करना
CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट कलर को बदलने के लिए किया जाता है। हम मान को स्टैंडर्ड कलर नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में स्पेसिफाई कर सकते हैं।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }निम्नलिखित उदाहरण C