divを使用して背後の画像をぼかしますか？

Question

Divをコーディングして、その下にある画像をぼかすことができるようにすることは可能ですか？

このようなもの：

これは何らかの形で-webkit 多分？

Answer 1

CSSだけではありませんが、CanvasとStackBlurforCanvasライブラリで同様の効果を引き出すことができます。 this を参照してください

UPDATE：backdrop-filterは 最近、Webkitに毎晩導入されました ですので、最終的にはCSSのみでこれを行うことができます。わーい！

Answer 2

残念ながら、これは純粋にCSSを使用して行うことはできません。 webkit-filterはぼかしをサポートしていますが、適用する要素以外のぼかしはサポートしていません。

これを行うためのよりハックな方法があります。ここで説明します- http://css-tricks.com/blurry-background-effect/