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

CSS3 का उपयोग करके छवि पर ह्यू रोटेशन लागू करना

<घंटा/>

CSS3 के साथ किसी छवि में ह्यू रोटेशन लागू करने के लिए, फ़िल्टर प्रॉपर्टी के लिए ह्यू-रोटेट मान का उपयोग करें।

उदाहरण

आइए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: hue-rotate(45deg);
}
</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. पिलो लाइब्रेरी का उपयोग करके छवि पर मोडफिल्टर लागू करना

    इस कार्यक्रम में, हम पिलो लाइब्रेरी का उपयोग करके किसी छवि पर न्यूनतम फ़िल्टर लागू करेंगे। मोड फ़िल्टरिंग में, छवि की चयनित विंडो में प्रत्येक पिक्सेल का मान उस विंडो के मोड से बदल दिया जाता है। फ़िल्टर फ़ंक्शन का उपयोग पिलो लाइब्रेरी का उपयोग करके विभिन्न फ़िल्टर लागू करने के लिए किया जाता है। मूल

  1. पिलो लाइब्रेरी का उपयोग करके छवि पर मैक्सफिल्टर लागू करना

    इस कार्यक्रम में, हम पिलो लाइब्रेरी का उपयोग करके किसी छवि पर न्यूनतम फ़िल्टर लागू करेंगे। अधिकतम फ़िल्टरिंग में, छवि की चयनित विंडो में प्रत्येक पिक्सेल का मान उस विंडो के अधिकतम पिक्सेल से बदल दिया जाता है। फ़िल्टर फ़ंक्शन का उपयोग पिलो लाइब्रेरी का उपयोग करके विभिन्न फ़िल्टर लागू करने के लिए किया

  1. पिलो लाइब्रेरी का उपयोग करके एक छवि पर मिनफिल्टर लागू करना

    इस कार्यक्रम में, हम पिलो लाइब्रेरी का उपयोग करके किसी छवि पर न्यूनतम फ़िल्टर लागू करेंगे। न्यूनतम फ़िल्टरिंग में, छवि की चयनित विंडो में प्रत्येक पिक्सेल का मान उस विंडो के न्यूनतम पिक्सेल से बदल दिया जाता है। फ़िल्टर फ़ंक्शन का उपयोग पिलो लाइब्रेरी का उपयोग करके विभिन्न फ़िल्टर लागू करने के लिए कि