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

CSS के साथ Hue-Saturation-Lightness-Alpha मॉडल (HSLA) का उपयोग करके रंगों को परिभाषित करें

<घंटा/>

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

उदाहरण

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

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

  1. CSS का उपयोग करके y अक्ष के साथ तिरछा परिवर्तन को परिभाषित करें

    आप सीएसएस का उपयोग करके वाई-अक्ष के साथ-साथ तिरछा परिवर्तन को परिभाषित करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html>    <head>       <style>          div {             width:

  1. सीएसएस का उपयोग करके एक्स अक्ष के साथ तिरछा परिवर्तन को परिभाषित करें

    आप सीएसएस का उपयोग करके एक्स-अक्ष के साथ-साथ तिरछा परिवर्तन को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html>    <head>       <style>          div {             width: 30

  1. CSS बॉक्स मॉडल को परिभाषित करें

    जब हम डिजाइन और लेआउट शब्द पर चर्चा करते हैं, तो हम इसे बॉक्स मॉडल कहते हैं। HTML में सभी तत्वों को बॉक्स माना जाता है। CSS बॉक्स मॉडल में मार्जिन, बॉर्डर, पैडिंग और सामग्री है।