今天在前端观察上看到了《-webkit-filter是神马?》,感觉特别有意思,具体关于CSS Filter可以看Filter
Effects 1.0,以及 filter功能,Webkit率先支持了这几个功能,效果非常赞+10086!
支持的效果有:
-
blur(模糊)
-
grayscale(灰度)
-
drop-shadow(阴影)
-
sepia(褐色滤镜)
-
brightness(亮度)
-
contrast(对比)
-
hue-rotate(色相)
-
invert(反相)
-
saturate(饱和度)
-
opacity(透明度)
Chrome 18.0.976.0以上版本看这个demo:
http://www.css88.com/html5-demo/-webkit-filter/index.html 或 (翻墙)http://html5-demos.appspot.com/static/css/filters/index.html
声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《CSS Filter》