CSS animation scroll AOS CSS애니메이션 AOS 와 함께 사용, 스크롤시 애니메이션

CSS Animation with AOS

CSS Animation을 사용하면 페이지 뜨자 마자 실행되서 스크롤해서 내려보면 이미 실행이 되어 있음
스크롤 했을때 CSS Animation 시작되게

1.  AOS 세팅
AOS CDN + 세팅 참고

2. 헤더에 AOS CDN 넣고 Body에 AOS init 코드 삽입

3. 임의의 data-aos 만든 후 ( Custom CSS )

4. 해당 aos가 발동하면 CSS 애니메이션 시작하게 세팅 ( Custom CSS )

5. 원하는 텍스트에 html 코드 삽입 

html 적용예

홈페이지 목적에 맞게, 고객님의 취향도 맞춰서 최적의 디자인 레퍼런스를 찾을 수 있습니다.

Custom CSS code