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

CSS3 का उपयोग करके छवियों की संतृप्ति को समायोजित करना

<घंटा/>

CSS3 के साथ छवि को संतृप्त करने के लिए, फ़िल्टर गुण के लिए संतृप्त गुण मान का उपयोग करें।

उदाहरण

आइए छवियों की संतृप्ति को समायोजित करने के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: saturation(500%);
}
</style>
</head>
<body>
<h1>Learn Spring Framework</h1>
<img src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
<h1>Learn Spring Framework</h1>
<img class="demo" src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
</body>
</html>

आउटपुट

CSS3 का उपयोग करके छवियों की संतृप्ति को समायोजित करना


  1. CSS3 का उपयोग करके छवियों पर सेपिया प्रभाव लागू करना

    CSS3 का उपयोग करके छवियों पर सेपिया प्रभाव लागू करने के लिए, फ़िल्टर गुण के लिए सेपिया मान का उपयोग करें। उदाहरण कोड इस प्रकार है - <!DOCTYPE html> <html> <head> <style> img.demo {    filter: sepia(100%); } </style> </head> <body> <h1>Learn

  1. CSS3 के रैखिक और रेडियल ग्रेडिएंट का उपयोग करना

    ग्रेडियेंट दो या दो से अधिक रंगों के संयोजन को प्रदर्शित करता है। लीनियर ग्रेडिएंट्स का उपयोग दो या दो से अधिक रंगों को लीनियर फॉर्मेट जैसे ऊपर से नीचे तक व्यवस्थित करने के लिए किया जाता है। रेडियल ग्रेडिएंट केंद्र में दिखाई देते हैं। CSS3 में रैखिक और रेडियल ग्रेडिएंट उपयोग को दर्शाने वाला कोड निम

  1. जिंप का उपयोग करके छवियों का आकार कैसे बदलें

    यह विस्तृत और चरण-दर-चरण मार्गदर्शिका आपको दिखाएगी कि छवि फ़ाइलों का आकार बदलने के लिए फोटो संपादक जीआईएमपी का उपयोग कैसे करें। इस गाइड में उपयोग किए गए स्क्रीनशॉट macOS में Gimp के हैं, लेकिन यदि आप GIMP के Windows या Linux संस्करण का उपयोग कर रहे हैं, तो आपको अनुसरण करने में कोई परेशानी नहीं होग