coding/web

scroll down css animation

100a 2023. 11. 26. 21:11

 

scroll down animation

 

 

홈페이지의 배너에 자주 사용되는 scroll down 기능입니다.

keyframe을 사용하여 자연스럽게 계속 반복 애니메이션 되도록 작업했습니다.

css의 scroll-behavior 를 이용하여 scroll down을 클릭시에 부드럽게 아래 섹션으로 스크롤 이동 되도록 했습니다.

 

 

See the Pen Untitled by baekah (@baekah) on CodePen.