logo

-webkit-filter是神马?

2012/8/3 17:30:45 | Tag: Chrome, filter, Safari, WebKit | Hits: 940 | Comments: 0

这些滤镜效果最初是用于SVG的,W3C引入到CSS中,然后制定了CSS Filter Effects 1.0,现在webkit率先支持了它。
现在规范中支持的效果有:
grayscale 灰度
sepia 褐色
saturate 饱和度
hue-rotate 色相旋转
invert 反色
opacity 透明度
brightness 亮度
contrast 对比度
blur 模糊
drop-shadow 阴影

嗯,有些和CSS3重复了,不过,具体要怎么用还要看具体情况,至少我们可以用不同的方法实现同样的效果——比如透明度。

用法是

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号