-webkit-filter用法

这些滤镜效果最初是用于SVG的,W3C引入到CSS中,然后制定了CSS Filter Effects 1.0,现在webkit率先支持了它。

现在规范中支持的效果有:

grayscale 灰度

sepia 褐色

saturate 饱和度

hue-rotate 色相旋转

invert 反色

opacity 透明度

brightness 亮度

contrast 对比度

blur 模糊

drop-shadow 阴影

用法是标准的CSS写法:

-webkit-filter: blur(2px);

你可能感兴趣的:(-webkit-filter用法)