get it on google playCreated with Sketch.
CSS> Filter grayscale()

Filter grayscale()

grayscale turns images into different shades of gray. With a value of 60%, we can see its graying effect on images.

 <head>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <h3>Filter-shop</h3>
  <p>No filter added</p>
  <img src="https://mimo.app/i/nacho.png">
 </body>
img {
 filter: grayscale(60%);
} 

Setting the value to 100% turns images completely gray.

 <head>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <h3>Filter-shop</h3>
  <p>No filter added</p>
  <img src="https://mimo.app/i/nacho.png">
 </body>
img {
 filter: grayscale(100%);
} 
TRY IT ON THE APP