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

CircularLoader.jsシンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」前のページ

Photoshopで明るさや彩度のスライダー数値を0に戻す簡単なやり方次のページ

関連記事

  1. jquery-base-slider
  2. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  3. jquery-bubble-text

    JavaScript

    テキストがアニメーションで切り替わっていく「jquery-bubble-text」

    jquery-bubble-textは、テキストが次々に切り替わってい…

  4. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  5. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP