Flatten the color depth with CSS

To flatten the color depth, you need to create an X-Ray.

The following parameter is used in this filter −

S.NoParameter & Description
Grayscales and flattens the color depth.


You can try to run the following code to create an X-Ray effect −

Live Demo


      <img src = "/css/images/logo.png" alt = "CSS Logo" style = "Filter: Xray"">

      <p>Text Example:</p>

      <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; style = "Filter: Xray">CSS Tutorials</div>
Samual Sam
Samual Sam

Learning faster. Every day.