CSS Filters

今天在前端观察上看到了《-webkit-filter是神马?》,感觉特别有意思,具体关于CSS Filter可以看Filter Effects 1.0,以及filter功能,Webkit率先支持了这几个功能,效果非常赞+10086!

CSS Filters

支持的效果有:

  • 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

你可能感兴趣的:(filter)