jAnimate

JavaScript

フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

jAnimateはフリップやバウンスなどといったアニメーションを要素に実装することができるjQueryプラグインです。Animate.cssとjQueryが使われています。サクッと手軽に使える感じがいいですね。

jAnimate

デモ

また、詳しい使い方も上記のページで確認することができます。

こんな感じで実装がとてもシンプルです。

$('#title').jAnimate('flipOutX');

flipOutXの他にも、swing、shake、fadeOut、fadeIn、rotateOutと様々なアニメーションエフェクトがあるので、気になる方は是非チェックしてみてください。

jAnimate

関連記事

  1. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

  2. JavaScript

    縦スクロールすると横スクロール(水平移動)していくjQueryプラグイン「jInvertScroll…

    これおもしろいですね。縦スクロールすると垂直に移動していくのではなくて…

  3. JavaScript

    アニメーション付きの水平・垂直プログレスメーターを実装できる「jQMeter」

    jQMeterはアニメーションが付いた水平・垂直のプログレスメーターを…

  4. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  5. Validatr

    JavaScript

    HTML5のinput属性による検証ができるフォーム実装「Validatr」

    Validatrは、HTML5のinput属性を用いて検証できるさまざ…

  6. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP