The hue-rotate()
CSS function rotates the hue of an element and its contents. Its result is a <filter-function>
.
hue-rotate(angle)
angle
<angle>
. A value of 0deg
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 is 0
. There is no minimum or maximum value; hue-rotate(Ndeg)
evaluates to N
modulo 360.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 */
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate