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

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  2. Rebox

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

  4. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  5. JavaScript

    要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpee…

    scrollToBySpeedは指定した要素の位置までスクロールしてく…

  6. Sal.js

    JavaScript

    Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

    Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです…

最近の記事

  1. NIB2600
  2. Anker PowerPort Atom PD 4
  3. USB-2H401BKN
  4. Dyson Pure Cool Me

アーカイブ

PAGE TOP