SPA(Single Page Application)ではページの切り替わり時にアニメーションしながら表示することが多いです。それによって一連の動作に流れが生まれ、継続的に使い続けられます。 ページを切り替える際のアニメーションは多数ありますが、pageSwitchを使えば多彩なアニメーションから選んで実装できます。

pageSwitchの使い方

pageSwitchでは多数のアニメーションがありますが、その一部を紹介します。3Dでフリップ。

ズーム。

Y軸方向が縮みます。

前の画面が背後に消えていきます。

Y軸が縮んでちょうどいいサイズになるもの。

pageSwitchでは100種類近くのエフェクトが用意されており、それらを簡単に切り替えられるようになっています。Web上の画像や画面を切り替える際にとても有益なライブラリになりそうです。

pageSwitchはHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

壁纸浏览 - Powered by pageSwitch.js qiqiboy/pageSwitch: Just a page-Switch Javascript Library