

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Applying Hue Rotation on Image using CSS3
To apply hue rotation in an image with CSS3, use the hue-rotate value for filter property.
Example
Let us see an example −
<!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>
Output
- Related Questions & Answers
- Applying ModeFilter on an image using Pillow library
- Applying MaxFilter on an image using Pillow library
- Applying MinFilter on an image using Pillow library
- Applying MedianFilter on an image using Pillow library
- Applying Opacity to Images using CSS3
- Applying Sepia Effect to Images using CSS3
- Adjusting the Image Contrast using CSS3
- Setting the Image Brightness using CSS3
- Converting an Image to Grayscale using CSS3
- Applying Box Blur to an image using the Pillow library
- Applying Gaussian Blur to an image using the Pillow library
- Applying rank filter to an image using the Pillow library
- How to spin the hue of an image using Jimp in NodeJS?
- How to create a smooth image rotation in Android using Kotlin?
- How to adjust the hue of an image in PyTorch?
Advertisements