使用div模糊背后的图像？

时间：2013-10-30 15:59:29

标签： css html webkit blur

是否可以对div进行编码以使其模糊其下的任何图像？

类似的东西：

enter image description here

这可能以-webkit的方式以某种方式完成吗？

2 个答案:

答案 0 :(得分：27)

不是单独使用CSS，但是你可以使用Canvas和StackBlurforCanvas库来实现类似的效果。见this

更新：backdrop-filter看起来像recently introduced to Webkit nightly,，所以最终我们只能使用CSS。耶！

答案 1 :(得分：4)

不幸的是，这不能仅仅使用CSS来完成。虽然webkit-filter支持模糊，但它不支持模糊除了它应用的元素以外的任何内容。

这里有一种更为hacky的方式，如此处所述 - http://css-tricks.com/blurry-background-effect/

相关问题
最新问题