带给网页电影般视觉冲击力的CSS着色器

http://bbs.9ria.com/thread-100120-1-1.html

 

原作者:Vincent Hardy


HTML5和CSS 方面不断涌现的成果 (如过渡，动画，变形，文本阴影，图形阴影，渐变和SVG) 大大提升了HTML的图形和互动的丰富性。 现在你可以在CSS和HTML中使用SVG的滤镜效果Filter Effects 1.0版本了， 除SVG外， 针对网页内容的其他效果如灰度，棕褐色调，色相旋转都逐渐成为可能。还有更高级的特效，如下面图一展示给你的轮廓分明的效果，也将成为可能。


图一 SVG内容加了滤镜效果，转自svg-wow.org 网站

Adobe CSS着色器已提交W3C FX专案组。CSS着色器定义一个过滤效果的可扩展性机制，它为所有HTML5内容提供丰富且容易实现的动画视觉效果， 它们能和CSS动画和过度完美结合。