- 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
Published on 30-Dec-2019 10:03:38
- 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