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

CSS में RGBA मॉडल से रंग परिभाषित करें

CSS rgb() फ़ंक्शन RGB मॉडल से रंग परिभाषित करता है, जबकि rgba() फ़ंक्शन अपारदर्शिता (अल्फा) के साथ RGB रंग सेट करता है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          h1 {             background-color:hsl(0,100%,50%);          }          h2 {             background-color:rgb(0,0,255);             color: rgb(255,255,255);          }          p {             background-color:rgba(255,0,0,0.9);          }       </style>    </head>    <body>       <h1>Red Background</h1>       <h2>Blue Background</h2>       <p>This is demo text!</p>    </body> </html>

व्याख्या: h1 HSL रंग (लाल) का उपयोग करता है। h2 RGB नीला बैकग्राउंड और सफेद टेक्स्ट। p RGBA लाल 90% अपारदर्शिता के साथ।

  1. CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना

    रेडियल ग्रेडिएंट का आकार सेट करने के लिए, radial-gradient() फंक्शन का उपयोग करें। यह फंक्शन रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करता है। फंक्शन में दूसरा पैरामीटर उस आकार के रूप में सेट किया जाता है जैसा आप चाहते हैं जैसा नीचे उदाहरण में दिखाया गया है -background-image: radial-gradien

  1. CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना CSS से रेडियल ग्रेडिएंट्स का आकार सेट करना

    रेडियल ग्रेडिएंट का आकार सेट करने के लिए, radial-gradient() फंक्शन का उपयोग करें। यह फंक्शन रेडियल ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करता है। फंक्शन में पहला पैरामीटर उस आकार के रूप में सेट किया जाता है जैसा आप चाहते हैं जैसा नीचे दिखाया गया है -background-image: radial-gradient(ellipse,rg

  1. CSS से लोकेशन कलर स्टॉप्स सेट करना CSS से लोकेशन कलर स्टॉप्स सेट करना

    कलर स्टॉप्स पर लोकेशन को प्रतिशत या निरपेक्ष लंबाई के रूप में सेट किया जा सकता है। उदाहरण के लिए, लीनियर ग्रेडिएंट के लिएbackground-image: linear-gradient(    rgb(61, 255, 2) 40%,    rgb(0, 174, 255) 80%,    rgb(255, 29, 29) 20% );CSS का उपयोग करके लीनियर ग्रेडिएंट में