- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
Map the colors of the object to their opposite values in the color spectrum with CSS
0Invert effect is used to map the colors of the object to their opposite values in the color spectrum, i.e., to create a negative image.
The following parameter is used in this filter −
| S.No | Parameter & Description |
|---|---|
1 | Invert Maps the colors of the object to their opposite value in the color spectrum. |
Example
You can try to run the following code to map the colors of the object to their opposite values in the color spectrum:
<html> <head> </head> <body> <img src = "/images/css.gif" alt = "CSS Logo" style = "Filter: invert"> <p>Text Example:</p> <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: invert">CSS Tutorials</div> </body> </html>
- Related Articles
- Map values to colors in Matplotlib
- Convert the colors of the object to 256 shades of gray with CSS
- Set the color of the border with CSS
- Set the color of the outline with CSS
- Set the Color of links with CSS
- Specify the color of the cursor in elements with CSS
- Change the color of the bottom border with CSS
- Change the color of the left border with CSS
- How to change the color of the placeholder attribute with CSS?
- Flatten the color depth with CSS
- Set the link color with CSS
- Add a color to the shadow 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
Advertisements