[JS]CSS3アニメーションと同等の動作を実現するjQueryのチュートリアル

簡単な記述で魅力的なアニメーションを実装できるCSS3アニメーションは、SafariやChromeなどの一部のブラウザでしか動作しませんが、それと同等の動作をjQueryで実装するチュートリアルをMarcofolio.netから紹介します。

CSS3 animations and their jQuery equivalents
demo

チュートリアルでは左にCSS3、右にjQueryで実装されたものが配置されています。
※CSS3はSafari, Chromeで動作します。

実装しているのは、以下の5つ。

• フェード
• バウンス
• パルセート
• ナビゲーション
• アコーディオン

ブラウザのシェアを考慮すると、まだまだjQueryが有利かもしれません。

Post on:2009年12月16日