HTML5高斯模糊效果

时间:2010-06-04 14:35:57

标签: webkit

在本演示中,苹果如何能够为背景中的照片实现(明显的)高斯模糊效果:

http://www.apple.com/html5/showcase/gallery/

3 个答案:

答案 0 :(得分:28)

现在我们在2012年,看看这个:

http://css-plus.com/2012/03/gaussian-blur/

和此:

http://blurjs.com/

答案 1 :(得分:11)

如果你想用Canvas做类似的事情,请查看StackBlur。效果很好!我知道这不是高斯模糊但它应该足够接近。 :)

答案 2 :(得分:5)

查看来源,这些都是预呈现的。不幸的是,该部分没有HTML5技巧。

示例:http://images.apple.com/html5/showcase/gallery/images/polo9b-small.png