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

एचएसएल () सीएसएस फ़ंक्शन का उपयोग

<घंटा/>

ह्यू-सेचुरेशन-लाइटनेस मॉडल (HSL) का उपयोग करके रंगों को परिभाषित करने के लिए, hsl() CSS पद्धति का उपयोग करें।

उदाहरण

आप सीएसएस में hsl() फ़ंक्शन को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            background-color:hsl(0,100%,50%);
         }
         h2 {
            background-color:hsl(192,89%,48%);
         }
      </style>
   </head>
   <body>
      <h1>Red Background</h1>
      <h2>Blue Background</h2>
   </body>
</html>

  1. रिपीटिंग-रेडियल-ग्रेडिएंट () CSS फ़ंक्शन का उपयोग

    रेडियल ग्रेडिएंट को दोहराने के लिए रिपीटिंग-रेडियल-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। उदाहरण आप सीएसएस में रिपीटिंग-रेडियल-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <

  1. CSS रोटेट () फंक्शन

    CSS में रोटेट () फंक्शन एक एलीमेंट को रोटेट करता है। पैरामीटर रोटेशन के लिए कोण सेट करता है। मान डिग्री, रेडियन आदि हो सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130, 100%, 50%, 0

  1. सीएसएस आरजीबीए () फ़ंक्शन

    आरजीबीए () लाल, हरे, नीले और अल्फा के लिए आरजीबीए रंग मान को परिभाषित करता है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण आइए अब rgba() फ़ंक्शन को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style