[JS]CSS3アニメーションと同等の動作を実現するjQueryのチュートリアル
Post on:2009年12月16日
簡単な記述で魅力的なアニメーションを実装できるCSS3アニメーションは、SafariやChromeなどの一部のブラウザでしか動作しませんが、それと同等の動作をjQueryで実装するチュートリアルをMarcofolio.netから紹介します。
CSS3 animations and their jQuery equivalents
demo
チュートリアルでは左にCSS3、右にjQueryで実装されたものが配置されています。
※CSS3はSafari, Chromeで動作します。
実装しているのは、以下の5つ。
- フェード
- バウンス
- パルセート
- ナビゲーション
- アコーディオン
ブラウザのシェアを考慮すると、まだまだjQueryが有利かもしれません。
sponsors