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

为什么80%的码农都做不了架构师？>>>

日期：2013-5-24 来源：GBin1.com

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效果带入网络

转载于:https://my.oschina.net/gbin1/blog/133202

CSS渲染器：将Photoshop Filters效果带入网络相关推荐

Three.js-CSS渲染器（CSS2DRenderer）
在Three中提供2D和3Dcss渲染器供用户使用,如果你希望将二维或三维物体和基于HTML的标签相结合,则这一渲染器将十分有用.在这里,各个DOM元素也被包含到一个CSS2DObject或CSS3D ...
3dMax使用Vray渲染器制作光效教程
VRay渲染器是业界最受欢迎的渲染引擎之一.在这篇教程中我们将分两部分详细完整的讲解使用Vray渲染器制作体积光效果的过程.第一部分渲染在3dMax中完成,第二部分后期制作在Photoshop中完成. ...
c4d支持mac系统渲染器有哪些_C4D常用的4大主流渲染器如何选择与比较（OC/RS/VR/阿诺德）...
这里说下支持C4D的几大主流渲染器,我们比较熟悉的octane .阿诺德.Redshift.vray这四大主流渲染器.以及我个人看法便于各位参考选择~ 对于渲染器我是一直觉得除了C4D标准渲染器,一定 ...
基于C++与CUDA的N卡GPU并行程序——虚幻5渲染视频很牛逼?让我们从底层C++开始自制光线追踪渲染器,并自制高级版《我的世界》
虚幻5效果图哈喽,呆嘎吼.最近5月13日,官方放出了虚幻5的演示视频,据说是可以同屏显示数亿三角形,从而实时渲染出电影级别的画质,其动态光照效果也是极其逼真.其中提到了Nanite技术与Lume ...
C4D渲染器到底该怎么选？
对C4D使用者来说,选择哪个渲染器始终是经久不衰的话题.各大渲染器各有千秋,如何选择也是一门学问. 当前C4D主流渲染器,较熟悉的有Octane .Arnold.Redshift.V-ray. 尽管C ...
3dMax应该用哪个渲染器？Vray、Corona、Arnold？
3ds Max 是最流行的 3D 建模和可视化软件解决方案之一.使用 3ds Max 的一个重要方面是选择正确的渲染器.有许多现代第三方渲染系统提供不同的功能和结果.在本文中,我们将了解其中的一些:V ...
CVPR2021(Oral) 商汤、港中文实现单目人脸重建新突破：基于生成网络的渲染器！几何形状更精准！渲染效果更真实！...
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达近日,商汤-港中文联合实验室提出基于风格化对抗生成器的人脸渲染器,用于取代传统图形学基于栅格化的渲染器 ...
CVPR2021(Oral) 商汤、港中文实现单目人脸重建新突破：基于生成网络的渲染器！几何形状更精准！渲染效果更真实！
近日,商汤-港中文联合实验室提出基于风格化对抗生成器的人脸渲染器,用于取代传统图形学基于栅格化的渲染器来进行3D模型的重建.该方法构建了一种从输入3D模型到生成图像的平滑梯度,同时可以以低精度建模获得 ...
用MAYA阿诺德（Arnold）渲染器渲染科幻全息线框效果经验笔记
一直有对全息风格的线框投影效果感兴趣,但是一直没研究过,今天使用MAYA2019中的Arnold渲染器渲染,初步实现了一定的效果,在这里记录并分享给各位我实现的思路. 使用软件版本为: Maya 20 ...
自定义 Spark item 的渲染器
在 DAtaGroup , SkinnableDataContainer 或它们的子类中定义自己的项目渲染器可以控制数据项的显示外观,数据项的外观包括字体.背景色.边界和其他的可视方面.项目渲染器也可 ...

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

CSS渲染器：将Photoshop Filters效果带入网络相关推荐

最新文章

热门文章