시각 스타일과 조합해 사용하는 구성·상호작용 기법입니다.
W38 / 상호작용 기법
패럴랙스
Parallax
앞뒤 레이어가 서로 다른 속도로 움직이며 깊이를 느끼게 한다. 스크롤이나 포인터의 움직임에 반응하는 시차 표현이다.
기존 기법 · 2026 해설 갱신
어디에 적용할까요?
짧은 제품 표지·공간 소개·문화 콘텐츠의 장면 한 곳에 활용한다.
함께 살펴볼 점
서사 구조와 같은 뜻으로 쓰지 않는다. 움직임 감소 설정과 장면 밖의 정지, 저사양 환경을 함께 고려한다.
TRY THE INTERACTION
변화를 직접 살펴보세요
슬라이더를 움직여 전경과 배경의 이동량 차이를 확인하세요.
가까운 산과 먼 산의 이동량을 비교해 보세요.
MAKE YOUR OWN
이 기법으로 만들어 보세요
목적과 콘텐츠를 내 작업에 맞게 바꿔 사용하세요.
출처와 확인일
확인일 2026-09-20. 정의와 자료 맥락의 근거이며, 위 그림은 이 도감을 위해 별도로 제작했습니다.
- Webflow 패럴랙스 해설 ↗webflow.com · 발표·갱신 2026-06-17