TOP  >  WebDesign  >  jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」
2009年11月18日

jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」

WEBで文字にちょっとした変化をつけようと思うと、なかなかHTMLとCSSだけでは難しくて、どうしても画像にしたりFLASHにしたりとしなければいけない場合が多いかと思います。多くの場合は問題はないのですが、利便性などを考慮した場合、テキストのまま処理ができたほうが良かったりもします。今日紹介するのはjQueryで文字に対してかけられる様々なエフェクトを集めたエントリー「20+ Easy to Use jQuery Text Effects and Animations 」です。

jquerttext1
FontEffect jQuery Plugin

グラデーション、影、アニメーションなどなど様々なエフェクトが公開されています。全部で20個のエフェクトが公開されていますが、今日はその中からいくつか気になった物を紹介したいと思います。

詳しくは以下

jQuery Grab Bag – Text Effects Plugin
テキストエリアに対して、設定したアニメーションを付加できるjQueryプラグイン。

jquerttext2
 
 
 
 
3D Flying Text in jQuery
指定したテキストを次々と表示させることができるエフェクト。動きや文字色など細かい部分も指定できるみたいです。

jquerttext3
 
 
 
 
 
Playing with jQuery Color Plugin and Color Animation
バックグラウンドの色をマウスオーバー時フェードで切り替えます。ランダムに色を指定することも可能です。

jquerttext4
 

上記の他にも沢山のjQueryを使ったテキストエフェクトが公開されています。汎用性があるものは、なかなか有りませんが、アクセント的に使える物だと思います。サイトにもう一つ遊びを加えたいという方は是非どうぞ。

20+ Easy to Use jQuery Text Effects and Animations

posted 12:47  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る