CSS Filters.html

<!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>
    <style>
        /* img{
            filter: blur(5px);
        } */

        .img1{
            filter: opacity(0.61);

        }

        .img2{

        }

        .img3{
            filter: sepia(100%);
        }


    </style>
</head>
<body>
    <div class="container">
        <img class="img1" src="https://th.bing.com/th/id/OIP.PKr15rvlu6l1nHWgk8CY-AHaEo?rs=1&pid=ImgDetMain" alt="">
        <img class="img2" src="https://1.bp.blogspot.com/-PAfxqXZ5Z-g/Xhl1YuvSgkI/AAAAAAAABBQ/iLcjvIR06DYhoqlsTFmfYB1DwKEu3j0rwCLcBGAsYHQ/s16000/scout_pubg-20200111-0003.jpg" alt="">
        <img class="img3" src="https://myesportsglobe.com/wp-content/uploads/2020/03/PUBG-SOUL.png" alt="">
    </div>
    
</body>
</html>