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

CSSWeb DevelopmentFront 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.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 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>
raja
Published on 30-Apr-2018 11:35:11
Advertisements