CSSとSVG filterでガラスっぽい効果をつけるSVGのフィルタについては以前も少し書きましたが、今回はfeGaussianBlur要素を使って、ガラスのようなエフェクトを付けてみたいと思います。 デモページは以下ですが、たぶんFirefoxでしかちゃんと見れないと思います。 Glass effect with CSS & SVG filter デモファイルをダウンロード 背景にはrachel a. k.さんの「52. she’s gone where the goblins go」を使用しています。 この画像はCC BY-NC-SA 2.0でライセンスされています。 今回作ったSVGファイルにはこんな感じのが書かれています。 <?xml version="1.0" encoding="UTF-8"?> <svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000
