-
CSS ट्रांज़िशन के साथ कैसे काम करें?
संक्रमण . का उपयोग करें CSS ट्रांज़िशन के साथ काम करने के लिए संपत्ति। आप CSS में ट्रांज़िशन लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण div {चौड़ाई:150px; ऊंचाई:150 पीएक्स; पृष्ठभूमि:नीला; संक्रमण:चौड़ाई 4s; } div:होवर {चौड़ाई:200px; } शीर्षक एक इसकी चौड़ाई बदलने के लिए न
-
एक वृत्त के आकार के साथ एक रेडियल ग्रेडिएंट बनाएं
रेडियल ग्रेडिएंट वाला एक वृत्त बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं। वृत्त जैसी आकृतियों के लिए रेडियल ग्रेडिएंट में एक और पैरामीटर सेट करें उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS के साथ तत्वों में छाया जोड़ें
CSS का प्रयोग करें बॉक्स-छाया CSS का उपयोग करके तत्वों में छाया जोड़ने के लिए गुण। आप बॉक्स-छाया गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> h2
-
सीएसएस के साथ संक्रमण प्रभाव कैसे बनाएं?
ट्रांज़िशन इफ़ेक्ट बनाने के लिए, ट्रांज़िशन इफ़ेक्ट के लिए प्रॉपर्टी सेट करें। इसके साथ ही प्रभाव की अवधि भी निर्धारित करें। संक्रमण:ऊंचाई 5s; संक्रमण प्रभाव बनाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण div {चौड़ाई:150px; ऊंचाई:150 पीएक्स; पृष्ठभूमि:नीला; संक्रमण:चौड़ाई 3s; } div
-
CSS के साथ इमेज गैलरी कैसे बनाएं
CSS के साथ इमेज गैलरी बनाना काफी आसान है। आप इसे प्राप्त करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहां 3 छवियों की एक गैलरी बनाई गई है, उदाहरण div.myGallery { मार्जिन:3px; सीमा:2px ठोस नारंगी; नाव छोड़ी; चौड़ाई:220px; } div.myGallery:hover { बॉर्डर:1px सॉलिड ब्लू; } div.myGallery img {च
-
CSS के साथ ट्रांसफॉर्म-ओरिजिनल प्रॉपर्टी का उपयोग
रूपांतरण-मूल का उपयोग करें सीएसएस के साथ रूपांतरित तत्वों पर स्थिति बदलने के लिए संपत्ति। उदाहरण सीएसएस के साथ ट्रांसफॉर्म-ओरिजिन प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> &n
-
सीएसएस सामग्री-बॉक्स मान
CSS पृष्ठभूमि-मूल का उपयोग करें सामग्री-बॉक्स मान सेट करने के लिए संपत्ति। सामग्री-बॉक्स मान के साथ, पृष्ठभूमि छवि सामग्री के ऊपरी बाएँ कोने से शुरू होती है। आप सामग्री-बॉक्स मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <he
-
सीएसएस के साथ रूपांतरित तत्वों पर स्थिति बदलें
CSS के साथ रूपांतरित तत्वों की स्थिति बदलने के लिए, परिवर्तन-मूल . का उपयोग करें संपत्ति। आप स्थिति बदलने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> .demo1 { &
-
CSS के साथ ट्रांसफॉर्म-स्टाइल प्रॉपर्टी का उपयोग
ट्रांसफ़ॉर्म-स्टाइल प्रॉपर्टी . का इस्तेमाल करें यह सेट करने के लिए कि 3D स्थान में नेस्टेड तत्वों का प्रतिपादन कैसे किया जाता है। रूपांतरण-शैली . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति उदाहरण <!DOCTYPE html> <html> <head> &nb
-
निर्दिष्ट करें कि नेस्टेड तत्वों को 3D स्थान में कैसे प्रस्तुत किया जाता है
यह निर्दिष्ट करने के लिए कि नेस्टेड तत्वों को 3D स्थान में कैसे प्रस्तुत किया जाता है, रूपांतरण-शैली का उपयोग करें सीएसएस में संपत्ति। ट्रांसफॉर्म-स्टाइल प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> &n
-
CSS परिप्रेक्ष्य संपत्ति का उपयोग
3D तत्वों को कैसे देखा जाता है, इस पर परिप्रेक्ष्य निर्दिष्ट करने के लिए, CSS परिप्रेक्ष्य गुण का उपयोग करें। परिप्रेक्ष्य संपत्ति के साथ काम करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .demo1 { पोजीशन:रिलेटिव; चौड़ाई:150 पीएक्स; ऊंचाई:150 पीएक्स; पृष्ठभूमि-रंग:पीला; परिप्रेक्ष्
-
3D तत्वों को कैसे देखा जाता है, इस पर परिप्रेक्ष्य कैसे निर्दिष्ट करें
3D तत्वों को कैसे देखा जाता है, इस पर परिप्रेक्ष्य निर्दिष्ट करने के लिए CSS परिप्रेक्ष्य गुण का उपयोग करें। इसे प्राप्त करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण .demo1 { पोजीशन:रिलेटिव; चौड़ाई:150 पीएक्स; ऊंचाई:150 पीएक्स; पृष्ठभूमि-रंग:पीला; परिप्रेक्ष्य:80px; मार्जिन:50 पीए
-
सीएसएस परिप्रेक्ष्य-मूल संपत्ति
3D तत्वों की निचली स्थिति निर्दिष्ट करने के लिए परिप्रेक्ष्य-मूल गुण का उपयोग करें। आप परिप्रेक्ष्य-मूल संपत्ति को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण .demo1 { पोजीशन:रिलेटिव; चौड़ाई:150 पीएक्स; ऊंचाई:150 पीएक्स; पृष्ठभूमि-रंग:पीला; परिप्रेक्ष्य:80px; मार्जिन:50 पीए
-
CSS के साथ निर्दिष्ट विशेषता वाले तत्वों का चयन कैसे करें
विशेषता वाले तत्वों का चयन करने के लिए, CSS [विशेषता] चयनकर्ता का उपयोग करें। उदाहरण के लिए, alt विशेषता या लक्ष्य विशेषता, आदि। आप CSS[विशेषता] चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html> <head> &nb
-
CSS की भूमिका [विशेषता =मान] चयनकर्ता
निर्दिष्ट विशेषता और मान वाले तत्वों का चयन करने के लिए [attribute=value] चयनकर्ता का उपयोग करें। आप सीएसएस [विशेषता =मान] चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहाँ, हमने विशेषता को rel, . के रूप में माना है उदाहरण <!DOCTYPE html> <html> <
-
सीएसएस के साथ लुप्त होती प्रभाव कैसे पैदा करें
CSS के साथ एक फ़ेडिंग इफ़ेक्ट बनाने के लिए, c का उपयोग करें आप फ़ेडिंग इफ़ेक्ट के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> #demo {
-
सीएसएस के साथ एन से शुरू होने वाले लैंग विशेषता मान वाले सभी तत्वों का चयन करता है
निर्दिष्ट मान से शुरू होने वाली निर्दिष्ट विशेषता वाले तत्वों का चयन करने के लिए [attribute|=”value”] चयनकर्ता का उपयोग करें। आप CSS [attribute|=”value”] Selector को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html> <head> &
-
CSS के साथ शैडो में रंग जोड़ें
छाया में रंग जोड़ने के लिए, बॉक्स-छाया का उपयोग करें संपत्ति और ऊंचाई और चौड़ाई के साथ रंग सेट करें। रंग को छाया में सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style>
-
शैली इनपुट प्रकार सीएसएस के साथ सबमिट करें
इनपुट टाइप बटन सबमिट बटन या रीसेट बटन हो सकता है। CSS के साथ, हम वेब पेज पर किसी भी बटन को स्टाइल कर सकते हैं। आप इनपुट प्रकार सबमिट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS के साथ शैडो में ब्लर इफेक्ट जोड़ें
छाया में धुंधला प्रभाव जोड़ने के लिए, बॉक्स-छाया गुण का उपयोग करें। धुंधला प्रभाव जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> h2 {
