簡単にスクロールアニメーションが設定できるAOS（jQuery不要） | Cntlog最近のWebサイトを見ているとメインビジュアルのアニメーション以外にもスクロール時にコンテンツの一部がアニメーションしてるページが増えてきました。 一つ一つJSで操作を管理すると結構手間になりますがライブラリを使えば、簡単に出来るものもあります。 今回はJSをほぼ書かずに簡単にスクロールアニメーションが設定できる「AOS（Animate On Scroll Library」をご紹介します。 まずは試しに実装してみたサンプルをご覧ください。 サンプルページ AOSとは AOSはAnimate On Scroll Libraryの略です。 公式サイト github 公式デモサイト AOSで出来ること 要素を表示させるアニメーションは「Fade」「Flip」「slide」「Zoom」の4種類が用意されています。 これらにタイミングや速度、上下左右の位置、回転の方向を指定できるのでかかなり自由度が
AniJS, A Library to Raise your Web Design without Coding
