前の記事 ≪:電話を使ったWEBサービスを構築する際に使えそうなフレームワーク「Pl...
次の記事 ≫:2011年6月8日 管理人のブックマーク

テキストシャドウを自在にアニメーションさせられるjQueryプラグイン「animate-textshadow.js」

2011年06月08日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
animate-textshadow.js - Animated CSS text shadows with jQuery Alex Peattie, a web developer and designer.

テキストシャドウを自在にアニメーションさせられるjQueryプラグイン「animate-textshadow.js」。
普通にCSS3で指定すると固定された影ですが、これをjQueryで動かしてしまおうということでできたライブラリ。
カーソルをあわせるとテキストの影が動いたり、なかなか面白い効果が得られるようです。



カーソルを合わせると徐々に輝く





カーソルを合わせると影の色とサイズが変わる



同じようにグラデーションや、角丸など、CSS3で指定できるものは全部アニメーションできますね。
というわけで、CSS3+jQueryで、より新しい効果を表現でき、そうしたライブラリもどんどん出てきそうですね。

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

By.KJ : 2011年06月08日 11:03 livedoor Readerで購読 Twitterに投稿

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