CSS渲染器:将Photoshop Filters效果带入网络

CSS渲染器:将Photoshop Filters效果带入网络

Chrome的Canary频道和Sarafi的WebKit nightly build,这两者现在都已经支持CSS渲染器的Photoshop风格混合模式,Adobe将Photoshop样式的过滤工具带入了网络。

要应用最新的混合模式,你需要获取最新的Chrome Canary版本或者是WebKit nightly builds,在about:flags中启用CSS Shaders(CSS渲染器)选项,然后访问Adobe的示例代码。 以往,CSS渲染器需要一个特殊构建的Webkit,Adobe的Alan Greenblatt指出,Chrome对CSS渲染器的支持在版本25上基本稳定,但是你仍然需要在flag中启用它。但是如果你想要玩转新的混合模 式,你需要Chrome的Canary版本或者是Webkit nightly版本。

支持新的混合模式,是Adobe的CSS渲染器企划的一部分,最近也成为了W3C的CSS滤镜效果规范的一部分。在规范中有两种类型的渲染器,一种是CSS片段渲染器,它提供了与Photoshop混合模式相似的特效,另一种是CSS顶点渲染器,它处理3D动画过滤器。

目前可用的混合模式,包括所有在Adobe Photoshop中你所熟悉的选项,包括乘法,屏幕,叠加,广度和其它摄影师最爱的选项。

关于相应规范的更多细节,可以阅读Max Vujovic的博文,该作者Max Vujovic是致力于将CSS过滤器实施在WebKit和Blink上。

由于CSS滤镜效果规范通过标准化进程来进步,希望其它的浏览器也可以加入支持。

网络出处:http://www.webmonkey.com/2013/04/experimental-css-shaders-bring-photoshop-filters-to-the-web/

via Nelly@极客标签

转载,来源:CSS渲染器:将Photoshop Filters效果带入网络

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注