Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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:
<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: 27-Jun-2020
217 Views
Advertisements