TOP  >  WebDesign  >  jQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」
2009年08月28日

jQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」

軽量で高機能なjavascriptライブラリとして様々なWEBで導入されているjQuery。非常に高機能で様々なエフェクトや動作を実現できますが、今回紹介するのはjQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」です。

3deff01
5. jQuery faux-3D effect

jQueryで動作するエフェクトの中でもフリップで動作するものや奥行きのあるシーンを実現するなど様々な3Dエフェクトが収録されています。今回はその中から特に気になったものをいくつかプックアップして紹介したいと思います。

詳しくは以下

1. rotate3Di – Flip HTML content in 3D
マウスオーバーでフリップを実現するjQueryです。

3deff02
 
 
 
 
 
4. jQuery 3D Rotator
三次元座標軸で動作するタグクラウド奥行きを感じさせるエフェクトです。

3deff03
 
 
 
 
 
8. Flip!0.5 – A jQuery plugin
様々な方向にフリップするエフェクト。ボタンによって動作を制御しています。

3deff04
 
 
上記の他にも様々なエフェクトが公開されています。ユーザーの利便性を考えるとなかなか使いどころが難しいかもしれませんが、うまく使えば、ユーザーに印象づけるものになるかと思います。

各ドキュメントは英語になりますが、ソースコードやデモなども掲載されていますので実装は普段から制作されている方であれば問題なく利用する事ができるかと思います。少しサイトにアクセントをつけたいと思われている方は是非原文もご覧ください。

9 Best jQuery 3D Effect Plugins | Java By Example | Jquery,

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 03:36  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る