jQueryでテキストにエフェクトをかけたりアニメーションさせたりするプラグイン集
2009年11月18日-
スポンサード リンク
jQueryでテキストにエフェクトをかけたりアニメーションさせたりするプラグイン集が色々まとまったエントリが公開されており、それぞれ便利に使えそうです。
テキストエフェクト
画像を使わずにJavaScriptやCSSを駆使してテキストにエフェクトを加えるものが色々。
FontEffect jQuery Plugin
アウトラインや影、グラデーション効果をJavaScriptでかけることが可能。

jQuery Label Effects
文字を盛り上がりや影付きにしたりできます

Text-shadow in IE with jQuery
IEでテキストを影付きにする例

Codename Rainbows
グラデーションなど様々なテキストエフェクトをかけることが可能

Textgrad – A jQuery Text Gradient Plugin
テキストにグラデーション効果を自由自在に与える

Fade colors using jQuery
テキストにフェーディング機能をかけることが可能

アニメーション
テキストもアニメーションさせると色々な印象を与えることができますね。驚きの効果を楽に実装するためのライブラリなどが掲載されています。
Airport – Information Board Text Effect
空港の電光掲示板っぽいアニメーションをテキストに与えることが可能

jQuery Grab Bag – Text Effects Plugin
テキストにタイプライティング効果を付けたり、徐々に読めるテキストに変わっていくような機能を付けられます

Playing with jQuery Color Plugin and Color Animation
テキストの背景を自由にアニメーションさせる

3D Flying Text in jQuery
テキストを3Dアニメーションさせる

という感じでテキストだけですが驚くべきエフェクトを与えられるものですね。
リンク先を見るには以下のエントリを参照してください。
20 Easy to Use jQuery Text Effects and Animations : Speckyboy Design Magazine
テキストエフェクト
画像を使わずにJavaScriptやCSSを駆使してテキストにエフェクトを加えるものが色々。
FontEffect jQuery Plugin
アウトラインや影、グラデーション効果をJavaScriptでかけることが可能。

jQuery Label Effects
文字を盛り上がりや影付きにしたりできます

Text-shadow in IE with jQuery
IEでテキストを影付きにする例

Codename Rainbows
グラデーションなど様々なテキストエフェクトをかけることが可能

Textgrad – A jQuery Text Gradient Plugin
テキストにグラデーション効果を自由自在に与える

Fade colors using jQuery
テキストにフェーディング機能をかけることが可能

アニメーション
テキストもアニメーションさせると色々な印象を与えることができますね。驚きの効果を楽に実装するためのライブラリなどが掲載されています。
Airport – Information Board Text Effect
空港の電光掲示板っぽいアニメーションをテキストに与えることが可能

jQuery Grab Bag – Text Effects Plugin
テキストにタイプライティング効果を付けたり、徐々に読めるテキストに変わっていくような機能を付けられます

Playing with jQuery Color Plugin and Color Animation
テキストの背景を自由にアニメーションさせる

3D Flying Text in jQuery
テキストを3Dアニメーションさせる

という感じでテキストだけですが驚くべきエフェクトを与えられるものですね。
リンク先を見るには以下のエントリを参照してください。
20 Easy to Use jQuery Text Effects and Animations : Speckyboy Design Magazine
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- シンプルなタブUIを実現できる「Skeletabs」
- テキストを省略してブロックを小さくできる「Cuttr.js」
- インタラクティブに動く立体的なテキストを生成「ztext.js」
- WebGLを使った動画の切り替えアニメーション実装
- スクロールにあわせて動くイメージタイル実装
- 1000以上の汎用アイコンセット「emblemicons」
- 過去のエントリ