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

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

デモのキャプチャ

CSS3 animations and their jQuery equivalents
demo

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

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

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

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

sponsors

top of page

©2024 coliss