-
CSS3 बाएँ से दाएँ ढाल
आप CSS3 में बाएँ से दाएँ ग्रेडिएंट लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <html> <head> <style> #grad1 { height: 100px; &
-
CSS3 ऊपर से नीचे ग्रेडिएंट
आप CSS3 में ऊपर से नीचे के ग्रेडिएंट को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> #grad1 { height: 100px; &
-
CSS में ग्रेडिएंट्स के प्रकार
ग्रेडिएंट दो या दो से अधिक रंगों के संयोजन को प्रदर्शित करते हैं। निम्न प्रकार के ग्रेडिएंट हैं: ग्रेडिएंट के प्रकार रैखिक ग्रेडियेंट (नीचे/ऊपर/बाएं/दाएं/तिरछे) रेडियल ग्रेडियेंट उदाहरण आइए रेडियल ग्रेडिएंट का एक उदाहरण देखें: <html> <head> <style
-
CSS का उपयोग करके तिरछी x-अक्ष के साथ div को घुमाएँ
आप सीएसएस का उपयोग करके div को तिरछी x-अक्ष के साथ घुमाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> div { width: 300px; &nb
-
CSS बॉर्डर-इमेज-रिपीट
CSS बॉर्डर-इमेज-रिपीट प्रॉपर्टी का इस्तेमाल बॉर्डर इमेज को गोल, रिपीट और स्ट्रेच्ड के रूप में सेट करने के लिए किया जाता है। उदाहरण आप बॉर्डर-इमेज-रिपीट प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - <html> <head> <style>
-
CSS3 द्वारा प्रदान किए गए अतिरिक्त रंग गुण
CSS3 में अतिरिक्त रंग गुण इस प्रकार हैं - आरजीबीए रंग एचएसएल रंग एचएसएलए रंग आइए देखें कि एचएसएल रंग क्या हैं: एचएसएल रंग . के लिए खड़ा है , संतृप्ति , हल्कापन . यहां, रंग चक्र की डिग्री बहुत बड़ी है, संतृप्ति और हल्कापन 0 से 100% के बीच प्रतिशत मान हैं। एचएसएल का एक नमूना सिंटैक्स जैसा कि नीच
-
CSS3 rgba रंग गुण
RGBA का अर्थ है रेड ग्रीन ब्लू अल्फा . यह CSS2 का विस्तार है, अल्फा रंग की अस्पष्टता को निर्दिष्ट करता है और पैरामीटर संख्या 0.0 से 1.0 के बीच संख्यात्मक होती है। उदाहरण निम्न उदाहरण rgba रंग गुण दिखाता है - <html> <head> <style> &nb
-
CSS3 के साथ x-अक्ष का उपयोग करके तत्व को घुमाएं
CSS3 के साथ x-अक्ष का उपयोग करके तत्व को बदलने के लिए रोटेटएक्स (कोण) विधि का उपयोग करें - उदाहरण <html> <head> <style> div { width: 200px; &nbs
-
CSS3 के साथ y-अक्ष का उपयोग करके तत्व को घुमाएं
CSS3 के साथ y-अक्ष का उपयोग करके तत्व को बदलने के लिए रोटेट (कोण) विधि का उपयोग करें - उदाहरण <html> <head> <style> div { width: 200px; &
-
CSS3 HSLA रंग गुण
HSLA का मतलब रंग, संतृप्ति, हल्कापन और अल्फा है। अल्फा मान अस्पष्टता निर्दिष्ट करता है जैसा कि आरजीबीए दिखाया गया है। उदाहरण निम्न उदाहरण HSLA रंग गुण दिखाता है - <html> <head> <style> #d1 {background-color:hsla(1
-
CSS3 अस्पष्टता संपत्ति
अपारदर्शिता एक पतली पेंट है जिसे अस्पष्टता बढ़ाने के लिए काले रंग में जोड़ने की आवश्यकता है। निम्न उदाहरण CSS3 अस्पष्टता गुण दिखाता है - उदाहरण <html> <head> <style> #m1 {background-color:rgb(255,0,0);opacity:0.6;} #m2 {background-color:rgb(0,255,0);
-
CSS3 लीनियर ग्रेडिएंट्स
लीनियर ग्रेडिएंट्स का उपयोग दो या दो से अधिक रंगों को ऊपर से नीचे जैसे रेखीय स्वरूपों में व्यवस्थित करने के लिए किया जाता है। उदाहरण आप CSS3 में रैखिक ग्रेडिएंट्स को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <html> <head> <styl
-
CSS का उपयोग करके तिरछी y-अक्ष के साथ div को घुमाएँ
उदाहरण <html> <head> <style> div { width: 300px; height: 100px; backg
-
सीएसएस निरपेक्ष इकाइयाँ
सीएसएस में निम्नलिखित पूर्ण इकाइयां हैं: इकाइयां संक्षिप्त नाम Pixels Px points पीटी इंच में सेंटीमीटर सेमी Picas पीसी
-
CSS बॉर्डर-इमेज-स्लाइस
सीएसएस बॉर्डर-इमेज-स्लाइस प्रॉपर्टी का इस्तेमाल बॉर्डर इमेज को स्लाइस करने के लिए किया जाता है। उदाहरण आप बॉर्डर-इमेज-स्लाइस प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <html> <head> <style> &
-
सीएसएस सीमा-छवि-स्रोत
CSS बॉर्डर-मैज-सोर्स प्रॉपर्टी छवि पथ सेट करने के लिए प्रयोग किया जाता है। सीमा-छवि-स्रोत . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति: उदाहरण <html> <head> <style> #borderimg1 { &n
-
CSS के साथ राइट आउट डाउन राइट एनिमेशन इफेक्ट रोटेट करें
CSS के साथ रोटेट आउट डाउनराइट एनीमेशन प्रभाव बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> .animated { background-image: url(/css
-
सीएसएस के साथ बाएं एनीमेशन प्रभाव को घुमाएं
CSS के साथ रोटेट अप लेफ्ट एनिमेशन इफेक्ट बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> .animated { background-image: url(/css/ima
-
सीएसएस के साथ सही एनिमेशन प्रभाव को घुमाएं
CSS के साथ रोटेट अप राइट एनिमेशन इफ़ेक्ट बनाने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> .animated { background-image: url(/css/ima
-
CSS3 के साथ y-अक्ष का उपयोग करके एक पैमाना तत्व को रूपांतरित करता है
स्केल वाई (वाई) विधि का उपयोग वाई-अक्ष का उपयोग करके तत्व को बदलने के लिए किया जाता है। आइए सिंटैक्स देखें - scaleY(y) यहाँ, y एक संख्या है जो तत्व के प्रत्येक बिंदु की कोटि पर लागू होने वाले स्केलिंग कारक का प्रतिनिधित्व करती है। आइए एक उदाहरण देखें - div { width: 60px;