Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Achieve X-Ray effect with CSS

CSS Web Development Front End Technology

X-Ray effect grayscales and flattens the color depth.

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 ?

<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;
      Filter: Xray;">CSS Tutorials</div>
  </body>
</html>
Updated on: 2020-03-13T13:26:40+05:30

890 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements