🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1、Webkit内核这次又远远走在了前面。开源的Chromium和每日构建的力量是无穷的。 2、Firefox、Opera等浏览器不久之后将会马上跟进,IE也一样。说到IE,其实IE是最早提出和支持类似[滤镜效果](http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx)的浏览器,早在IE 5.5的时代(还记得国悼日全灰色的网站是如何快捷实现的吗?),只是它糟透了的名声让人忘记了它的一切好处。Whatever,这次时光轮回又把一个强大和统一的规范带给了我们。 3、CSS3的快捷滤镜使用起来相当方便,也很强大。参见[演示页面](http://jsbin.com/uziyih)(请用Chrome的[最新版本](http://tools.google.com/dlpage/chromesxs)观看)。 ![](https://box.kancloud.cn/2016-08-09_57a9a2dd39c8d.jpg) 4、[《遇见CSS3滤镜》](http://blog.csdn.net/hfahe/article/details/7104496)文中介绍的滤镜还不足以实现更加复杂的效果,例如Instagram的Poprocket、魔图精灵的穿越效果。要实现这样复杂的效果,必须使用曲线变换加上Mask。 ![](https://box.kancloud.cn/2016-08-09_57a9a2dd4db4f.jpg) 魔图精灵的穿越效果       而W3C规范中提供了相当强大的支持,例如SVG、颜色矩阵、光源等,通读这份文档,你会感到相当复杂和头晕,但从此我们有了在Web上实现复杂滤镜效果的一切条件。也许不久我们就能见到Web端的Photoshop也不得而知呢。 ![](https://box.kancloud.cn/2016-08-09_57a9a2dd63808.jpg) 光源变换原理示意图 ![](https://box.kancloud.cn/2016-08-09_57a9a2dd74f20.jpg) 矩阵变换原理