Home > Article > Web Front-end > Flatten color depth using CSS

Flatten color depth using CSS

PHPzforward: 2023-09-05 15:13:021013browse

使用 CSS 使颜色深度变平

To flatten the color depth you need to create X-rays.

The following parameters are used in this filter-

Xray

Grayscale and flatten color depth.

tbody>

S.No	Parameters and description
1

Example

You can try running 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>

The above is the detailed content of Flatten color depth using CSS. For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：How to bind animation to division element using CSS?Next article：How to bind animation to division element using CSS?

See more

Flatten color depth using CSS

Example

Related articles