ぼかし効果を実現するjQueryプラグイン『Foggy』

画像やテキストをぼやーっとぼかすためのjQueryプラグインをご紹介。

When it s foggy things are blurred

↑ こんな感じ。「会員登録しないと見れないよー」的な時に使われますね(ソース見られたらおしまいですが)。

なお、オプションで「ぼかし具合」「透明度」を選べるようですね。

ちなみに基本的にはWebkitのFilterを使っているようですが、対応していないブラウザの場合、複製した要素を半透明にしつつ重ねていくという力技で実現しているようです。なんか重そうだ汗。

ま、どこかで使いそうなのでメモ的にエントリーしておきます。

» When it’s foggy, things are blurred

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *