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)

 

 




 

posted @ 2022-03-03 17:42  Jona7620  阅读(1287)  评论(0编辑  收藏  举报