Set Invert Effect with CSS

CSSWeb DevelopmentFront End Technology

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:

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:19:27
Advertisements