CSS filter属性效果演示 CSS filter demo

blur() - 模糊滤镜

手绘女孩
手绘女孩

brightness() - 明亮度滤镜

手绘女孩5
手绘女孩5

contrast() - 对比度滤镜

手绘女孩2
手绘女孩2

grayscale() - 灰度滤镜

手绘女孩3
手绘女孩3

hue-rotate() - 色相旋转滤镜

手绘女孩4
手绘女孩4

invert() - 颜色反转滤镜

手绘女孩6
手绘女孩6

opacity() - 透明度滤镜

手绘女孩7
手绘女孩7

saturate() - 饱和度滤镜

手绘女孩8
手绘女孩8

sepia() - sepia滤镜

手绘女孩9
手绘女孩9

drop-shadow() - 阴影滤镜

春丽
春丽

url() - url滤镜

手绘女孩1
手绘女孩1