Map the colors of the object to their opposite values in the color spectrum with CSS

CSS Web Development Front End Technology

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:

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>

Lakshmi Srinivas

Programmer / Analyst / Technician

Updated on: 27-Jun-2020

100 Views

Kickstart Your Career

Get certified by completing the course

Get Started