- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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 −
<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>
- Related Articles
- How to Flatten JavaScript objects into a single-depth Object?
- Change Cursor Color with CSS caret-color
- Set the link color with CSS
- How to get the pixel depth and color depth of a screen in JavaScript?
- 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 right border with CSS
- Set the Color of Visited Links with CSS
- Change the Color of Active Links with CSS
- Change the color of top border with CSS
- Add a color to the shadow with CSS
- Animate border-color property with CSS
- Emphasis text and color with CSS
- Setting Text Color Working with CSS

Advertisements