Animate Transitionはスライド、フェード、バウンス、ポップアップなどといった豊富なアニメーションを実装することができるJSライブラリです。ハードウェアアクセラレーションが使われているので快適なCSSアニメーションを実現できます。
Animate Transition
以下はAnimate Transitionの実際のデモになります。
大別するとBlocks AnimationとPopups Animationの2つに分かれており、Blocks Animationは全部で12種類、Popups Animationは8種類のアニメーションが用意されています。
以下はBlocks Animationの詳細です。
- 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
Popups Animationは以下になります。
- 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のダウンロードは以下からどうぞ。
