轮回? webkit系的滤镜

标签: 轮回 webkit 滤镜 | 发表时间:2011-12-27 13:51 | 作者:司徒正美
出处:http://www.cnblogs.com/rubylouvre/

伟大的IE5.5团队创造性地为浏览器带来N多东西,把网影打得落花流水的同时,也让微软可以有肆无恐地十年不更新IE6了。它留下的瑰宝之一CSS滤镜,也因为自身的原因与CSS3的崛起,处境尴尬。然而即便如此,我们也少不了它,如alpha滤镜,实现透明效果,AlphaImageLoader滤镜让IE支持png透明,blur滤镜模拟CSS3盒阴影,更NB的是其矩阵滤镜,完全可以用来实现CSS3 transform 2D!其实CSS3的许多效果何尝不是对IE滤镜的再实现?!这方面以chrome抄袭得最猖獗。

最近冒出来的-webkit-filter就是对IE滤镜的敬礼。虽然口头上说是从SVG上演变过来的,但SVG的滤镜都是要用复数个标签与N个属性定义才能完成一个效果,因此这么复杂的写法是它流行不开的原罪。因此这次的再造轮子是冲着IE滤镜而来。

如大多数IE滤镜一样,-webkit-filter是用来处理图片的。以下效果要Chrome 18.0.97+支持。

原图

模糊

50%灰度

100%灰度

50%褐色

100%褐色

50%亮度

100%亮度

色相

反色

饱和度

对比度

相信这些效果在浏览器支持Capture API后,作用更大。文终时,突然想起《百年孤独》,在故事的结尾时,家族的最后一个守护者奥雷良诺阅读了记载这个百年世家的命运的羊皮卷后说:“这里面所有的一切,我都曾经看到过,也早已知道!”哈哈,这世界就是条衔尾蛇!

本文链接

相关 [轮回 webkit 滤镜] 推荐:

轮回? webkit系的滤镜

- - 博客园_Ruby's Louvre
伟大的IE5.5团队创造性地为浏览器带来N多东西,把网影打得落花流水的同时,也让微软可以有肆无恐地十年不更新IE6了. 它留下的瑰宝之一CSS滤镜,也因为自身的原因与CSS3的崛起,处境尴尬. 然而即便如此,我们也少不了它,如alpha滤镜,实现透明效果,AlphaImageLoader滤镜让IE支持png透明,blur滤镜模拟CSS3盒阴影,更NB的是其矩阵滤镜,完全可以用来实现CSS3 transform 2D!其实CSS3的许多效果何尝不是对IE滤镜的再实现.

反webkit之战

- - 前端观察
历史总是在某个时候重演,这部,IE6离开历史舞台(国外,市场份额不足1%了)之后,webkit内核的浏览器成了大家的心腹大患,于是各种口诛笔伐开始了,甚至比当年打击IE6更甚. 但是现在情况发生了很大的改变,IE6死了,而另一个垄断者webkit来了:. 最近几年,webkit在apple的带领下发展很快,对W3C标准的支持方面一直在和opera/firefox赛跑.

翻译:WebKit for Developers

- - TaoBaoUED
Paul Irish 大湿为我们带来了这篇开年大作,文章深入浅出的阐述了各 Webkit port 的迥异,文笔细腻,是一篇不可多得的 Webkit 入门开胃菜. 为了让大家第一时间更好的品尝这道大菜,一丝特别邀请了几位 Webkit 专业开发人士作为本文的翻译顾问,在此表示由衷的感谢. 原文链接:  http://paulirish.com/2013/webkit-for-developers/.

[转]WebKit in iOS 8

- - justinjing的专栏
让我们说说iOS 8 的WebKit吧. WWDC 2014前几天,就有人发现了苹果向WebKit开源项目提交了一些很令人兴奋的代码,暗示了OS X和iOS,特别是iOS上的WebKit架构有所变化. 果不其然,WWDC上公布了iOS的新框架WebKit.framework,正式推出了新的网页浏览控件WKWebView.

浏览器内核WebKit编年史

- belltoy - 月光博客
  回首六年前,2005年,网络和现在完全不同. 那时,浏览器大战已告尾声,虽然Netscape战斗英勇,但微软和Internet Explorer 的地位看起来越来越稳固. 看起来互联网正要落入这个邪恶帝国手上,还有一点,地球人已经阻止不了微软了.   然后在2005年6月7日,在WWDC上,Bertrand Serlet走上讲演台推出了并不被人看好的产品——苹果的浏览器的灵魂——Safari,它是开源产品.

Webkit 下的模拟点击问题

- - 芒果小站
这几天都在抢天猫的金砖,用火狐的 console 面板,通过 setInterval 定时执行点击模拟,大家都用的很爽. 不过发现 Chrome 下并不奏效,后来发现以下问题:. input 和 button 可以使用 document.getElementById(“J_Lucky”).click(); 并且是全兼容的,支持触发通过 onclick/addEventListener/attachEvent 等形式绑定的事件.

webkit webApp 开发技术要点总结

- - ITeye博客
如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢. 幸好,webkit内核的浏览器能帮助我们完成这一切. 接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :. 对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,.

微软称 WebKit 破坏 Web 标准

- - ITeye资讯频道
这可能是微软做过的最奇怪和最具有反讽意味的事情,近日 微软 警告Web开发者不要使用WebKit,它认为WebKit是新的IE6,会导致Web开放标准和创新停滞. WebKit是移动平台上最流行的浏览器核心引擎,占据了九成的市场份额. 微软Windows Phone开发者博客 指出,大多数移动网站只支持Android和iOS平台的WebKit特定前缀,以圆角为例,WebKit的CSS圆角实现需要使用属性-webkit-border-radius,而未来的标准可能采用的将是border-radius.

苹果推迟发布LGPL WebKit源代码

- Mao - Solidot
苹果在KHTML项目基础上创建了WebKit分支,它是Safari浏览器的核心渲染引擎. KHTML采用授权协议是LGPL,因此WebKit也必须在LGPL下发布源代码. 苹果过去一直认真的遵循协议的要求,在更新后及时的向社区提供源代码. 然而,过去几个月苹果却推迟公开WebKit源代码,自三月份后苹果两次更新iOS版浏览器都没有反馈源代码.