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

Published on 30-Apr-2018 09:24:17

Related Questions & Answers
How to get the pixel depth and color depth of a screen in JavaScript?
Set the link color with CSS
Change Cursor Color with CSS caret-color
Set the Color of links with CSS
Set the color of the border with CSS
Set the color of the outline with CSS
Change the color of top border with CSS
Change the color of right border with CSS
Set the Color of Visited Links with CSS
Change the Color of Active Links with CSS
Add a color to the shadow with CSS
Change the color of the bottom border with CSS
Change the color of the left border with CSS
Set the opacity for the background color with CSS
Emphasis text and color with CSS

Previous Page Print Page