CSS invert() Function
Example
img {
filter: invert(0.75);
}
Meaning
The invert() css function defines visual effects (invert effects) to an element.
Version: CSS3
Standard Syntax
invert(value)
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
Function Arguments
The following table describes the arguments of this function.
Argument | Description |
---|---|
value | Specified the value in number or percentage.
A value of 100% is completely inverted, while a value of 0% leaves the input unchanged. Values between 0% and 100% are linear multipliers on the effect. The initial value for interpolation is 0. |
See also
The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include: