css3滤镜,图片变白,图片反向,鼠标经过变白色

曹え 5811 发布于:2022-06-29 03:47:44

css3 filter语法解析

filter: none | blur() | brightness() | contrast() | drop-shadow() |grayscale() | hue-rotate() | invert() | opacity() | saturate() |sepia() | url();


属性解释举例

brightness(%)亮度(值越大越亮)brightness(200%)
blur(px)设置模糊(值越大越模糊)blur(5px)
contrast(%)调整图像的对比度contrast(200%)
drop-shadow设置阴影效果drop-shadow(0px 6px 11px #000)
grayscale(%)灰度(值越大越灰) 值在0%到100%之间grayscale(50%)
hue-rotate(deg)色相旋转(超过360是又绕一圈) 值为anglehue-rotate(90deg)
invert(%)反色 值在0%和100%之间invert(100%)
opacity(%)透明度 值在0%和100%之间opacity(30%);
saturate(%)饱和度saturate(400%)
sepia(%)褐色 值在0%和100%之间sepia(100%)



觉得有用请点个赞吧!
1 1907