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>