[해피CGI][cgimall] AOS-animate on scroll library

스크롤할 때 애니메이션 효과를 줄수있는 css3로 만들어진 라이브러리입니다.
스크롤을 할 때 서서히 사라지거나 오른쪽, 왼쪽에서 나타날 수 있는 등의 효과를 줄수 있습니다.
한번에 작동으로 끝내는 것이 아니라 올리고 내릴때 자연스럽게 서로 반대되는 효과가 나타납니다.

홈페이지에 가셔서 다운받으신 후
dist 폴더에 aos.css, aos.js를 사용합니다.

 

 

스크립트에 AOS.init();을 입력합니다.

 

 

효과를 사용할 태그에 data-aos="애니메이션효과이름"을 입력합니다.

 

 

위 이미지는 사용가능한 애니메이션 목록입니다.
그 외 자세한 설명은 https://github.com/michalsnik/aos에 있습니다.