hue-rotate()
The hue-rotate()
CSS function rotates the hue of an element and its contents. Its result is a <filter-function>
.
Syntax
hue-rotate(angle)
Parameters
angle
-
The relative change in hue of the input sample, specified as an
<angle>
. A value of0deg
leaves the input unchanged. A positive hue rotation increases the hue value, while a negative rotation decreases the hue value. The lacuna value for interpolation is0
. There is no minimum or maximum value;hue-rotate(Ndeg)
evaluates toN
modulo 360.
Examples
Examples of correct values for hue-rotate
hue-rotate(-90deg) /* Same as 270deg rotation */
hue-rotate(0deg) /* No effect */
hue-rotate(90deg) /* 90deg rotation */
hue-rotate(.5turn) /* 180deg rotation */
hue-rotate(405deg) /* Same as 45deg rotation */
Specifications
Specification |
---|
Filter Effects Module Level 2 # funcdef-filter-hue-rotate |
Browser compatibility
BCD tables only load in the browser