使用色调旋转hue-rotate滤镜可以创造出一些奇怪而又神奇的色彩。色调(hue)是颜色的一个属性,随着饱和度、亮度或者明度的变化而变化。我们经常看到的色盘就是由色调构成的,我们通过为色调旋转hue-rotate滤镜设定度数,使得元素的所有颜色发生旋转。在接下来的例子中,我们会尝试让色调旋转90deg。
hue-rotate
90deg
.filter { filter : hue-rotate(90deg); }
hue-rotate转沿着色盘顺时针改变元素颜色的角度,45度表示为45deg。
45deg