Computer >> Computer tutorials >  >> Programming >> CSS

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.NoParameter & 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:

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