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. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  2. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  3. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  4. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  5. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP