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.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>
Updated on: 2020-06-29T07:15:42+05:30

304 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements