CSS Filter

今天在前端观察上看到了《-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:

https://www.css88.com/html5-demo/-webkit-filter/index.html?或 http://html5-demos.appspot.com/static/css/filters/index.html

赞(0) 打赏
未经允许不得转载:WEB前端开发 » CSS Filter

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    试了试,发现没反应,原来是我的chrome版本不对,晕死

    Dongyan7年前 (2011-12-25)回复
  2. #-48

    这么高的版本!!

    飘飘7年前 (2011-12-28)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏