惊现CSS3 filter

看了一篇文章,才开始知道原来不止IE才有filter,原来CSS3也有。这篇文章的链接:http://www.xuanfengge.com/css3-grayscale-black-and-white-filters.html

哈哈,顺便说一下,它的导航很酷哦,可以在上面弹钢琴。

首先,我先说它的兼容性。目前,似乎只有webkit支持(参考其它文章),其它内核通通不能实现。但是,不要被吓跑了,功能很强大滴,我觉得有了它PS的有些功能就可以不用啦。

然后,马上写了个demo体验了下。filter的灰度grayscale。链接:http://codepen.io/makaiqian/pen/glmKG

太方便了!

-webkit-filter: grayscale(100%);  
filter: grayscale(100%);  

Filter除了灰度,还有模糊、亮度、饱和度、怀旧等等,可以看这个链接:http://www.hiheng.com/blog/archives/1088

个人觉得可以写一个web页面,改变照片的色调、模糊度、亮度等等,基本的功能都有。自己平时美化照片的时候,用着也很方便~

麻凯倩

微信:makaiqian