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 −
| Parameter | Description |
|---|---|
| Gray | Converts the colors of the object to 256 shades of gray. |
Example
You can try to run the following code to set grayscale effect −
<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>