AOS

스크롤에 따른 동적인 애니메이션을 쉽게 처리할 수 있도록 해 주는 라이브러리입니다.

기본적인 사용법으로 애니메이션을 주고자 하는 요소에

data-aos 속성으로 “fade-up”, “fade-down”, “fade-right”, “fade-left” 등등 다양한 속성값으로 애니메이션을 추가합니다.

<div data-aos="fade-up"></div>
<div data-aos="fade-down"></div>