AOS 스크롤에 다른 애니메이션구현

AOS 는 홈페이지에서 스크롤의 움직임에 따라 

원하는 애니메이션을 구현할수 있게 해주는 자바스크립트 라이브러리이다. 

 

https://michalsnik.github.io/aos/

AOS - Animate on scroll library

 

사용방법은 간단하다

AOS 홈페이지를 아래쪽으로 내리면

CDN으로 사용할 수 있는 소스가 명시되어있다.

//CSS
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
//JS
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

 

물론 깃허브소스를 보거나 다운로드해서 사용할 수도 있다.

 

그리고 원하는 효과의 sample코드를 복사붙여넣기해서 사용하면 된다.