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






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


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


Leave a Reply