Set Invert Effect with CSS



Invert 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:

Sr.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 implement the invert effect:

Live Demo

<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>
Updated on: 2020-06-27T12:22:14+05:30

298 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements