jQuery Transit - CSS3 animations for jQuery

CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」。



CSS3のanimation、transitionアニメーションがありますが、これをjQueryのanimate風にしてより直感的に使いやすくするものです
CSS3にアニメーションを書くのは気持悪いという方は、こうしたライブラリを活用してみるとよいですね
使い方は以下のように、animateの代わりに transition というメソッドを使うというものです。

$('.box').transition({ x: '90px' });

コードとデモの例









他にも３Dに回転するアニメーションやイージング等、アニメーションはこれでOKというぐらい多彩なアニメーションが可能です。
組み合わせることでダイナミックな表現をJavaScriptでより分かりやすく記述することができそうですね

関連エントリ

• アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」
• faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」
• アニメーションするクールな円形メニューが実装できるjQueryプラグイン「MobilyBlocks」