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.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  2. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  3. vDrop

    JavaScript

    選択ボックスの選択肢をドロップダウンリストで表示できる「vDrop」

    vDroppは、選択ボックスの選択肢をドロップダウンリストで表示してく…

  4. Jquery Line Progress Bar
  5. ItemSlide.js

    JavaScript

    タッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」

    ItemSlide.jsはタッチ、スワイプ、スクロールなどでスライドす…

  6. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP