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

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

CSS hsla() फ़ंक्शन का उपयोग करके HSL रंग मॉडल में अपारदर्शिता (अल्फा) के साथ रंग परिभाषित करें।

उदाहरण

<!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>

व्याख्या: h1 शुद्ध HSL लाल। h2 HSL नीला। p HSLA बैंगनी (hue 290) 30% अपारदर्शिता के साथ।

  1. CSS का उपयोग करके y-axis के साथ स्क्यू ट्रांसफॉर्म्स परिभाषित करें CSS का उपयोग करके y-axis के साथ स्क्यू ट्रांसफॉर्म्स परिभाषित करें

    CSS का उपयोग करके y-axis के साथ स्क्यू ट्रांसफॉर्म्स परिभाषित करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;       &nb

  1. CSS का उपयोग करके x-axis के साथ स्क्यू ट्रांसफॉर्म्स परिभाषित करें CSS का उपयोग करके x-axis के साथ स्क्यू ट्रांसफॉर्म्स परिभाषित करें

    CSS का उपयोग करके x-axis के साथ स्क्यू ट्रांसफॉर्म्स लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;        

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

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