在webkit率先支持了它。
现在规范中支持的效果有:
- grayscale 灰度
- sepia 褐色
- saturate 饱和度
- hue-rotate 色相旋转
- invert 反色
- opacity 透明度
- brightness 亮度
- contrast 对比度
- blur 模糊
- drop-shadow 阴影
嗯,有些和CSS3重复了,不过,具体要怎么用还要看具体情况,至少我们可以用不同的方法实现同样的效果——比如透明度。
用法是标准的CSS写法:
-webkit-filter: blur(2px);
然后,Eric Bidelman,可以很方便的查看各种效果。但是考虑到某网站因为不明原因在国内无法访问,我将该demo页面简单的翻译了下,。
请注意,改滤镜目前只有最新的版本和版本才支持,所以你需要下载一个最新的版本来体验~~我用的是webkit nightly。