gsap
-
애플처럼 화려한 Parallax Scroll 랜딩 페이지 개발해보기Study/Frontend 2023. 1. 13. 15:15
Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling. 패럴랙스 스크롤링 기법을 간단히 말하면 스크롤에 따른 애니메이션 효과라고 할 수 있다. 패럴랙스 스크롤링 기법을 적용한 대표적인 웹사이트는 애플 제품 소개 페이지이다. 볼 때마다 감탄사가 나왔었는데, 회사에서 이와 같은 인터랙션 사이트를 구현할 기회가 생겼다! "나도 애플처럼 화려한 인터랙션을 넣을 거야😎"라고 속으로 호기롭게 외치며 스터디를 시작했다. 회사에서 인프런 바우처를 지원해 줬기 때문에 강의 1, 강의 2를 들으며..