Flatten the color depth with CSS

CSS Web Development Front End Technology

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

The following parameter is used in this filter −

S.No	Parameter & Description
1	Xray Grayscales and flattens the color depth.

Example

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

Live Demo

<html>
   <head>
   </head>
   <body>

      <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>
   </body>
</html>

Samual Sam

Updated on: 29-Jun-2020

179 Views

Kickstart Your Career

Get certified by completing the course

Get Started