Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS radial-gradient() फ़ंक्शन का उपयोग

CSS radial-gradient() फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;             background: radial-gradient(green, orange, maroon);          }       </style>    </head>    <body>       <p>Setting background as radial gradient.</p>       <div id = "demo"></div>    </body> </html>

व्याख्या: radial-gradient(green, orange, maroon) केंद्र से शुरू होकर हरा, नारंगी, फिर मैरून रंग में फैलता हुआ ग्रेडिएंट बनाता है।

  1. - CSS में repeating-radial-gradient() फ़ंक्शन का उपयोग

    repeating-radial-gradient() फ़ंक्शन का उपयोग रेडियल ग्रेडिएंट को दोहराने के लिए किया जाता है। यह एक केंद्र बिंदु से बाहर की ओर दोहराता हुआ पैटर्न बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 300px; background: repeati

  1. CSS rgba() फ़ंक्शन CSS rgba() फ़ंक्शन

    rgba() लाल, हरे, नीले और अल्फा के लिए RGBA रंग मान परिभाषित करता है। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-color: hsla(140, 100%, 50%

  1. CSS बैकग्राउंड प्रॉपर्टीज CSS बैकग्राउंड प्रॉपर्टीज

    CSS बैकग्राउंड प्रॉपर्टीज हमें एलिमेंट्स के बैकग्राउंड को स्टाइल करने में मदद करती हैं। CSS background प्रॉपर्टी किसी एलिमेंट के बैकग्राउंड को निर्दिष्ट करने का एक शॉर्टहैंड है। background-color, background-image, background-repeat, background-position, background-clip, background-size, background-o