<img src="https://i.ibb.co/zFZx634/testImg.png" alt="">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter1">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter2">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter3">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter4">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter5">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter6">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter7">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter8">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter9">
<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter10">


<img src="https://i.ibb.co/zFZx634/testImg.png" alt="" class="filter11">
                                                                            
img{width:200px;}

.filter1{filter:blur(5px);}
.filter2{filter:brightness(0.4);}
.filter3{filter:contrast(200%)}
.filter4{filter:drop-shadow(16px 16px 20px blue);}
.filter5{filter:grayscale(50%)}
.filter6{filter:hue-rotate(90deg)}
.filter7{filter:invert(75%)}
.filter8{filter: opacity(25%)}
.filter9{filter: saturate(30%)}
.filter10{filter:sepia(60%)}
.filter11{filter: blur(4px) hue-rotate(90deg)}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.