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

SPONSORED LINK

Pocket

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

When it s foggy things are blurred

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

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

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

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

» When it’s foggy, things are blurred

ツイッターもやっています!

SPONSORED LINK

  • Trackback are closed
  • Comments (0)
  1. No comments yet.