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

CSS से ऑब्जेक्ट के रंगों को ग्रे के 256 शेड्स में बदलें

ऑब्जेक्ट के रंगों को ग्रे के 256 शेड्स में बदलने के लिए grayscale प्रभाव का उपयोग करें। इस फिल्टर में निम्न पैरामीटर उपयोग किया जाता है:

पैरामीटर विवरण
Gray ऑब्जेक्ट के रंगों को ग्रे के 256 शेड्स में बदलता है।

उदाहरण

grayscale प्रभाव सेट करने के लिए निम्न कोड चलाएं:

<html>
  <head>
  </head>
  <body>
    <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Gray">
    <p>टेक्स्ट उदाहरण:</p>
    <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Gray">CSS Tutorials</div>
  </body>
</html>

आधुनिक विकल्प: CSS3 में filter: grayscale(100%) का उपयोग करें जो सभी आधुनिक ब्राउज़र्स में काम करता है।

  1. - CSS में HSL मॉडल से रंग परिभाषित करें

    CSS hsl() फ़ंक्शन का उपयोग करके HSL (Hue, Saturation, Lightness) रंग मॉडल से रंग परिभाषित करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          h1 {             background-color:hs

  1. - CSS से RGB मॉडल का उपयोग करके रंग परिभाषित करें

    rgb() फ़ंक्शन RGB मॉडल का उपयोग करके रंग परिभाषित करने के लिए CSS rgb() फ़ंक्शन का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> h1 { background-color:hsl(0,100%,50%); } h2 { background-color:hsl(192,89%,48%); } p { background-color:rgb(0,0

  1. - CSS फ़िल्टर प्रॉपर्टी को एनिमेशन के साथ बदलें

    CSS में filter प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड का उपयोग कर सकते हैं। यह उदाहरण दर्शाता है कि कैसे @keyframes का उपयोग करके किसी तत्व के फ़िल्टर प्रभाव (जैसे कंट्रास्ट) को समय के साथ बदला जा सकता है। उदाहरण <!DOCTYPE html> <html> <head> <style>