CSS3 でテキストの背景をぼかしてみる

様々なことが簡単にできてしまうCSS3

なもんで、テキストの背景画像をぼかすのなんか簡単だと思っていた。

ところがopacityを使ってみて分かったことは、

背景だけじゃなくて、上に乗ってる文字までぼけてしまうってこと。。。！

これじゃ、意味ないじゃん！！

それでいろいろ探し回りました。



そこで一番、私のしたいことに近い効果が得られたのは

サイティックファクトリーさんの「背景画像を透過風にする」っていう記事


これは、画像と文字の間にもう一つdivを作って、そこに半透明なレイヤーを挿入するっていう方法でした。

CSS3もまだまだ万能じゃないんだなーーー