How to Make Colorful Image as Grayscale (Black and White) Using Pure CSS3 Grayscale Filter Full Project For Beginners

 

Welcome folks today in this blog post we will be making colorful image as grayscale (black and white) using pure css3 grayscale filter. All the full source code of the application is given below.

 

 

 

Get Started

 

 

 

In order to get started you need to make a index.html file and copy paste the following code

 

 

index.html

 

 

<img class="bw-img" src="girl-in-green.jpg">


<style>

.bw-img {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

</style>

Leave a Reply