css - CSSで画像をぼかす？

Question

多くのスマートフォン (Samsung Galaxy II がその例) では、フォト ギャラリーを参照すると、ぼやけたコピーが背景に配置されます。これはCSSによって動的に実現できますか(つまり、事前に準備された写真のコピーを保存せずに)? 画像をぼかすための複雑な CSS 画像フィルターはありますか?

Answer 1

CSS3 フィルタを使用できます。実装は比較的簡単ですが、現時点では webkit でのみサポートされています。ただし、Samsung Galaxy 2 のブラウザーは Webkit ブラウザーだと思うので、サポートする必要がありますか?

Answer 2

このコードは、すべてのブラウザーのぼかし効果に対して機能します。

filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);

Answer 3

はい、次のコードを使用すると、指定した画像にぼかし効果を適用できます。また、ぼかしの量を選択することもできます。

img {
  -webkit-filter: blur(10px);
    filter: blur(10px);
}