爆好用的 AOS 滾動動畫函式庫(Animate on scroll library)

細節細節細節，有些網頁之所以高質感，就是贏在細節！

就連網頁向下滾動時，也要有點動畫點綴，網頁就會質感 up up ! 最近的 side project 需要一些前端包裝，所以觀摩一下別人怎麼做出美美的網頁，就被我發現 AOS 這套 Animate on scroll library, live demo 可以參考下方連結，點進去後就可以看到動畫效果：

Live demo ➡️ https://codepen.io/michalsnik/pen/WxNdvq

AOS 使用方法也很簡單，只要在 element 上設定 data-* 相關屬性就可以了，例如：

<div class="item" data-aos="fade-up">1</div>

其他詳見 https://github.com/michalsnik/aos/tree/v2