Set Grayscale Effect with CSS

CSSWeb DevelopmentFront End Technology

The grayscale effect is used to convert the colors of the object to 256 shades of gray. The following parameter is used in this filter −

ParameterDescription
GrayConverts the colors of the object to 256 shades of gray.

Example

You can try to run the following code to set grayscale effect −

Live Demo

<html>
   <head>
   </head>
   <body>
      <img src = "/css/images/logo.png" alt = "CSS Logo" style = "Filter: Gray">
      <p>Text Example:</p>
      <div style = "width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Gray">
         CSS Tutorials
      </div>
   </body>
</html>
raja
Published on 30-Apr-2018 11:29:08
Advertisements