Computer >> Máy Tính >  >> Lập trình >> CSS

Áp dụng Hue Rotation trên hình ảnh bằng CSS3

Để áp dụng xoay màu trong hình ảnh có CSS3, hãy sử dụng giá trị xoay màu cho thuộc tính bộ lọc.

Ví dụ

Hãy để chúng tôi xem một ví dụ -

<!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>

Đầu ra

Áp dụng Hue Rotation trên hình ảnh bằng CSS3