-
CSS3 के साथ x-अक्ष का उपयोग करके एक पैमाना तत्व को रूपांतरित करता है
स्केलएक्स (एक्स) विधि का उपयोग एक्स-अक्ष का उपयोग करके तत्व को बदलने के लिए किया जाता है। आइए सिंटैक्स देखें - scaleX(x) यहाँ, x एक संख्या है जो तत्व के प्रत्येक बिंदु के भुज पर लागू होने वाले स्केलिंग कारक का प्रतिनिधित्व करती है। आइए एक उदाहरण देखें - div { width: 60px; &nbs
-
एक स्केल CSS3 के साथ z-अक्ष का उपयोग करके तत्व को रूपांतरित करता है
स्केल जेड (जेड) विधि का उपयोग जेड-अक्ष का उपयोग करके तत्व को बदलने के लिए किया जाता है। आइए सिंटैक्स देखें - scaleZ(z) यहाँ, z एक संख्या है जो तत्व के प्रत्येक बिंदु के z-निर्देशांक पर लागू होने वाले स्केलिंग कारक का प्रतिनिधित्व करती है। आइए एक उदाहरण देखें - div { width: 60px; &nbs
-
सीएसएस सीमा-छवि-चौड़ाई
बॉर्डर-इमेज-चौड़ाई प्रॉपर्टी का इस्तेमाल बॉर्डर इमेज की चौड़ाई सेट करने के लिए किया जाता है। सीमा-छवि-चौड़ाई . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <html> <head> <style> #bo
-
CSS3 संपत्ति का आकार बदलें
CSS3 आकार बदलने की संपत्ति में तीन सामान्य मान हैं, जैसा कि नीचे दिखाया गया है - क्षैतिज ऊर्ध्वाधर दोनों उदाहरण CSS3 के उपयोगकर्ता इंटरफ़ेस में संपत्ति का आकार बदलने में दोनों मानों का उपयोग करना: <html> <head> <style>
-
CSS3 की रूपरेखा ऑफसेट संपत्ति
रूपरेखा का अर्थ है सीमा के बाहर तत्व के चारों ओर एक रेखा खींचना। उदाहरण CSS3 . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं आउटलाइन-ऑफ़सेट संपत्ति - <html> <head> <style> div {
-
CSS2 आकार देने वाली संपत्ति बनाम CSS3 बॉक्स आकार देने वाली संपत्ति
आइए, CSS2 साइज़िंग प्रॉपर्टी और CSS3 बॉक्स-साइज़िंग प्रॉपर्टी के बीच के अंतर को समझते हैं। CSS2 आकार देने वाली संपत्ति .div1 {चौड़ाई:200px; ऊंचाई:100 पीएक्स; सीमा:1px ठोस हरा; } .div2 {चौड़ाई:200px; ऊंचाई:100 पीएक्स; पैडिंग:50 पीएक्स; सीमा:1px ठोस गुलाबी; } TutorialsPoint.com TutorialsPoint.co
-
सीएसएस बॉक्स आकार देने वाली संपत्ति
बॉक्स-साइज़िंग संपत्ति का उपयोग तत्व की ऊंचाई और चौड़ाई को बदलने के लिए किया जाता है। CSS2 के बाद से, बॉक्स प्रॉपर्टी ने काम किया है जैसा कि नीचे दिखाया गया है - चौड़ाई + पैडिंग + बॉर्डर =किसी तत्व के बॉक्स की वास्तविक दृश्यमान/रेंडर की गई चौड़ाई + पैडिंग + बॉर्डर =किसी तत्व के बॉक्स की वास्तविक दृश
-
CSS3 के साथ मीडिया प्रश्न
मीडिया क्वेरी मोबाइल, डेस्कटॉप आदि जैसे विभिन्न आकार के उपकरणों के लिए अलग-अलग शैली के नियमों के लिए हैं। आप CSS3 के साथ मीडिया प्रश्नों को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण बॉडी { बैकग्राउंड-कलर:लाइटपिंक; } @मीडिया स्क्रीन और (अधिकतम-चौड़ाई:420px) { शरीर {पृष्ठभू
-
CSS3 उत्तरदायी वेब डिज़ाइन
प्रतिक्रियाशील वेब डिज़ाइन डेस्कटॉप, मोबाइल और टैब जैसे विभिन्न उपकरणों पर न्यूनतम आकार बदलने के साथ एक इष्टतम अनुभव, आसान पढ़ने और आसान नेविगेशन प्रदान करता है। आइए देखें कि रिस्पॉन्सिव वेब डिज़ाइन क्या है:
-
विभिन्न आकार के उपकरणों के लिए विभिन्न सीएसएस शैली नियमों के लिए मीडिया क्वेरी सेट करें
विभिन्न CSS स्टाइल नियमों के लिए मीडिया प्रश्नों को सेट करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण बॉडी { बैकग्राउंड-कलर:लाइटपिंक; } @मीडिया स्क्रीन और (अधिकतम-चौड़ाई:420px) { शरीर {पृष्ठभूमि-रंग:हल्का नीला; } } यदि स्क्रीन का आकार 420px से कम है, तो यह हल्का नीला रंग द
-
CSS3 फ़ॉन्ट संयोजन
CSS3 ने फ़ॉन्ट संयोजन तकनीक को अनुकूलित किया है। यहां, यदि ब्राउज़र पहले फ़ॉन्ट का समर्थन नहीं करता है तो वह अगले फ़ॉन्ट का प्रयास करता है। आइए हम सैन्स-सेरिफ़ फ़ॉन्ट्स का एक उदाहरण देखें -
-
सीएसएस इकाइयों के साथ काम करना
CSS में विभिन्न इकाइयों के लिए कई इकाइयाँ हैं जैसे कि चौड़ाई, मार्जिन, पैडिंग, फ़ॉन्ट-आकार, सीमा-चौड़ाई, आदि। लंबाई संख्यात्मक मान का उपयोग करके इंगित करती है और उसके बाद लंबाई इकाइयाँ जैसे px , dp, em, आदि। यह संख्यात्मक मानों और लंबाई इकाइयों के बीच सफेद रिक्त स्थान की अनुमति नहीं देता है। लंबाई
-
सीएसएस सापेक्ष इकाइयाँ
सापेक्ष इकाइयों में, लंबाई का मान निश्चित होता है और यह तत्व का सटीक आकार दिखाई देता है। आइए इकाइयों को देखें: इकाइयाँ संक्षिप्त नाम प्रतिशत % Em Em Ex उदा रूट em रेम व्यूपोर्ट की चौड़ाई Vw व्यूपोर्ट की चौड़ाई Vh व्यूपोर्ट की चौड़ाई Vm चरित्र Ch ग्रिड Gd
-
सीएसएस के साथ स्विंग एनिमेशन प्रभाव
स्विंग एनिमेशन प्रभाव किसी तत्व को निलंबित या अक्ष पर आगे और पीछे या एक तरफ से दूसरी ओर ले जाने या स्थानांतरित करने का कारण बनता है। उदाहरण <html> <head> <style> .animated {
-
सीएसएस:पहला अक्षर छद्म तत्व
चयनकर्ता में पाठ के पहले अक्षर में विशेष शैली जोड़ने के लिए इस तत्व का उपयोग करें। निम्न उदाहरण दर्शाता है कि दस्तावेज़ में तत्वों के पहले अक्षर में विशेष प्रभाव जोड़ने के लिए :प्रथम-अक्षर तत्व का उपयोग कैसे करें। उदाहरण <html> <head> <style>
-
सीएसएस के साथ टाडा एनिमेशन प्रभाव
सीएसएस के साथ टाडा एनीमेशन प्रभाव बनाने के लिए, आप निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <html> <head> <style> .animated { background-image: url(/css/images
-
CSS बॉर्डर-इमेज प्रॉपर्टी
CSS बॉर्डर-इमेज प्रॉपर्टी का उपयोग कुछ तत्वों में इमेज बॉर्डर जोड़ने के लिए किया जाता है। आप सीमा-छवि गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> #borderimg1 {
-
CSS वाले तत्वों के लिए छवि को सीमा के रूप में सेट करें
CSS बॉर्डर-इमेज प्रॉपर्टी का उपयोग कुछ तत्वों में इमेज बॉर्डर जोड़ने के लिए किया जाता है। छवि को तत्वों के लिए सीमा के रूप में सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html> <head> <style>
-
CSS के साथ छवि पथ सेट करें
छवि पथ सेट करने के लिए सीमा-छवि-स्रोत संपत्ति का उपयोग सीएसएस में किया जाता है। आप छवि पथ सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> #borderimg1 { border: 15px solid transparent; padding: 15px;
-
CSS के साथ बॉर्डर इमेज को स्लाइस करें
बॉर्डर-इमेज-स्लाइस प्रॉपर्टी का इस्तेमाल सीएसएस के साथ बॉर्डर इमेज को स्लाइस करने के लिए किया जाता है। बॉर्डर-इमेज-स्लाइस . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति: उदाहरण <html> <head> <style> &nbs
