Animate Transition

JavaScript

スライドやポップアップなど豊富で快適なアニメーションを実装できる「Animate Transition」

Animate Transitionはスライド、フェード、バウンス、ポップアップなどといった豊富なアニメーションを実装することができるJSライブラリです。ハードウェアアクセラレーションが使われているので快適なCSSアニメーションを実現できます。

Animate Transition

デモ

大別するとBlocks AnimationとPopups Animationの2つに分かれており、Blocks Animationは全部で12種類、Popups Animationは8種類のアニメーションが用意されています。

  • slide-in
  • slide-out
  • fade-in
  • fade-out
  • cover-in
  • cover-out
  • cover-double-in
  • cover-double-out
  • revolution-in
  • revolution-out
  • bounce-in
  • bounce-out
  • popup-scale-in
  • popup-drop-in
  • popup-revolution-in
  • popup-fade-in
  • cover-in
  • cover-left-in
  • cover-right-in
  • bounce-in

アニメーション動作がとても滑らかでパフォーマンスは非常にいい感じですね。ライセンスはMITとなっているので、気になる方は是非チェックしてみてください。

Animate Transition

関連記事

  1. JavaScript

    レスポンシブ対応で画像やテキストも自由にスライドできるjQueryスライダー「Responsly.j…

    スマホにも対応したレスポンシブのjQueryスライダー「Respons…

  2. DD Scroll Boxes
  3. jQuery Tags Input

    JavaScript

    シンプルでお洒落なタグを入力することができるjQueryプラグイン「jQuery Tags Inpu…

    とても便利で面白いjQueryプラグインがあったのでご紹介します。シン…

  4. jQuery Equal Height

    JavaScript

    異なる要素の高さを揃えてくれる「jQuery Equal Height」

    jQuery Equal Heightは、異なる要素の高さをキレイに揃…

  5. Sticky Multi Header Scroll
  6. jquery.confirmDialog

最近の記事

  1. M360bt

アーカイブ

PAGE TOP