CSSとSVGで曇りガラスのような効果を作る

2011年の9月に「CSSとSVG filterでガラスっぽい効果をつける」というのを書きましたが、これはFirefoxのみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。 完成品Frosted glass effect with CSS & SVG 背景画像にはWetFoto.comによる#246 Wetlook with Beautiful Brunette in Leggings and Jacket. Girl in black jacket, white wetlook leggings and skirt in boots, get wet fully clothed in the sea.を使用しています（リンク先はFlickrです）。 この画像はCC BY-NC-SA 2.0でライセンスされています。 背景画像にはBeryl Ch

[inai17ibar]

CSS と SVG で曇りガラスのような効果を作る | Unformed Building

[studio-h]

すりガラス, 半透明, 透過

[Falky]

すりガラスエフェクト。できるもんだなあ

[aaaiiiii026]

曇りガラスのような効果

[www_taca]

渋いです

[nobuoka]

IE 10 の CSS + SVG でぼかし効果を出すのはできないのだと思っていたけどできるんだなー。 Windows ストアアプリ開発で使えそう。