728x90 300x250 SMALL 2025/03/161 GSAP을 활용한 부드러운 스크롤 효과 다음은 스크롤하면 색상이 변하는 예제이다스크롤하면 색상이 변함 box 상단 margin-top:500px과 하단 margin-bottom:300px을 설정하여 스크롤 할때 상하 간격을 만듬사용자가 스크롤을 내려서 트리거인 .box요소의 상단이 화면 중앙에 위치하면 지점에 배경색 변경(#ff6600)스크롤이 .box요소 bottom이 화면 상단에 위치하면 애니메이션이 종료된다.scrub :true 스크롤의 위치에 따라 애니메이션이 부드럽게 진행되도록 설정한다. 스크롤하면 색상이 변함">스크롤하면 색상이 변함 2025. 3. 16. 이전 1 다음 728x90 반응형 LIST