Css Filter:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Css Filters </title>
</head>
<style>
img{
/* filter: blur(10px); */
/* filter: contrast(100%); */
/* filter: grayscale(100%); */
/* filter: hue-rotate(90deg); */
/* filter: drop-shadow(4px 4px 4px yellow); */
/* filter: opacity(25%); */
/* filter: saturate(30%); */
/* filter: sepia(60%); */
/* filter: revert; */
/* filter: revert-layer; */
/* filter: initial; */
}
</style>
<body>
<div class="container">
<img src="https://www.hindustantimes.com/ht-img/img/2023/11/28/550x309/Salman_Khan_1701152673677_1701152674068.jpg" alt="">
</div>
</body>
</html>
Thanks you for commenting your questions. I will see question and respond you.