Syntax error Set Invert Effect with 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.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 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>
Updated on: 2020-06-27T12:22:14+05:30

293 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements