css的filter属性 hue-rotate()
今天随手小练习时看到了一个自己不常使用的css属性:
CSS3 filter(滤镜) 属性
在mdn中形容如下:
filter
CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。
hue-rotate()
hue-rotate()函数在输入图像上应用色相旋转。angle
一值设定图像会被调整的色环角度值。值为 0deg
,则图像无变化。若值未设置值,默认为 0deg
。该值虽然没有最大值,超过 360deg
的值相当于又绕一圈
效果如图:
filter: hue-rotate(0deg)
filter: hue-rotate(729deg)