使用div来模糊背后的图像？ [英] using a div to blur an image behind it?

问题描述

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

Is it possible to code a div to enable it to blur whatever image is under it?

这样：

>

推荐答案

不可以用 -webkit CSS本身，但你可以拉起一个类似的效果与Canvas和StackBlurforCanvas库。请参见此

Not with CSS on its own, but you can pull a similar effect off with Canvas and the StackBlurforCanvas library. See this

UPDATE：看起来像背景过滤器是最近向Webkit每晚介绍，因此最终我们只能使用CSS。 Yay！

UPDATE: Looks like backdrop-filter was recently introduced to Webkit nightly, so eventually we'll be able to do this with CSS only. Yay!

这篇关于使用div来模糊背后的图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！