hue-rotate() CSS function rotates the hue of an element and its contents. Its result is a <filter-function> .

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

句法

hue-rotate(angle)
					

参数

angle
The relative change in hue of the input sample, specified as an <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.

范例

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 */
					

规范

规范 状态
Filter Effects Module Level 1
The definition of 'hue-rotate()' in that specification.
工作草案

另请参阅

元数据

  • 最后修改:
  1. CSS
  2. CSS 参考