前の記事 ≪:2011年10月20日 管理人のブックマーク
次の記事 ≫:良い感じで動作するニュースティッカー実装jQueryサンプル

テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」

2011年10月21日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
ottonascarella/TextBlur - GitHub

テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」。
次のように最初はぼやけてるけど徐々にくっきりした文字にするなんていうことができるjQueryプラグインです。
単にテキストをその場で表示しちゃうよりも、徐々に表示するというエフェクトがいいですね。





使い方も次のように超簡単にできます。
$('h1').animate({textBlur: 20}, 0);

但し、IEでも一応対応はしているようですが、うまくは動作しないみたい。
スマホのプロモーション用のサイトなんかで使ってみてもよさそうですね。

関連エントリ
関連の記事検索:アニメーション, jQueryプラグイン
スポンサード リンク

By.KJ : 2011年10月21日 08:59 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)