css 滤镜 filter 属性

本文转载至这里

filter:blur(4px);//模糊
filter:brightness(2);//亮度,默认是1。可以使用百分比也可以使用小数表示。
filter:contrast(2);//对比度,默认是1。可以使用百分比也可以使用小数表示。
filter:drop-shadow(2px 10px 0 rgba(255,0,0,0.5));//投影,(x偏移  y偏移   模糊范围   颜色)
filter:grayscale(0.5);//灰度,0~1,0%~100%
filter:hue-rotate(125deg);//色相旋转,让图像中的颜色,在色相环中做对应的旋转。
filter:invert(100%);//反转图像,黑变白,白变黑
filter:opacity(0.5);//透明度
filter:saturate(200%);//饱和度
filter:sepia(100%);//转为褐色,值为100%则完全是深褐色的,值为0%图像无变化。

猜你喜欢

转载自blog.csdn.net/sunyv1/article/details/107051594