CSS hue-rotate() Function
Example
img {
filter: hue-rotate(-0.25turn);
}
Meaning
The hue-rotate() css function defines a hue rotation on the image.
Version: CSS3
Standard Syntax
hue-rotate(deg|grad|rad|turn)
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 |
---|---|
deg | Represents an angle in degrees. One full circle is 360deg. |
grad | Represents an angle in gradians. One full circle is 400grad. |
rad | Represents an angle in radians. One full circle is 2π radians which approximates to 6.2832rad. 1rad is 180/π degrees. |
turn | Represents an angle in a number of turns. One full circle is 1turn. |
See also
The other <filter-function> functions available to be used in values of the filter and backdrop-filter properties include: