패럴랙스 효과
배경 패럴랙스
(Background Parallax)
배경 패럴랙스 효과는 스크롤 시 배경 이미지가 콘텐츠와 다른 속도로 움직여 깊이감과 몰입감을 제공하는 시각적 기법입니다.
웹사이트에 역동적이고 현대적인 느낌을 더하며, 사용자의 스크롤 경험을 더욱 흥미롭게 만듭니다.
아래 컨트롤러로 패럴랙스 속도와 강도를 조절하며 다양한 배경 패럴랙스 효과를 직접 경험해보세요.
배경이 스크롤과 함께 움직이는 속도를 조절합니다. 숫자가 클수록 더 빠르게 움직입니다.
패럴랙스 효과의 강도를 조절합니다. 숫자가 클수록 더 극적인 효과를 만듭니다.
화면을 내려 다양한 예시를 확인해보세요
▼기본 이미지 패럴랙스
기본 패럴랙스 효과
배경 이미지가 스크롤과 함께 부드럽게 움직이며 깊이감을 만들어냅니다.
대형 텍스트 오버레이 패럴랙스
강력한 시각적 임팩트
대형 텍스트와 패럴랙스 배경이 결합되어 강렬한 인상을 남깁니다.
다중 레이어 패럴랙스
복합적인 깊이감
여러 레이어가 각각 다른 속도로 움직여 복잡하고 풍부한 시각적 경험을 제공합니다.
텍스트 전용 패럴랙스
그라데이션 배경
이미지 없이도 그라데이션 배경과 패럴랙스 효과로 아름다운 시각적 경험을 만들 수 있습니다.
카드 스타일 패럴랙스
카드 형태의 콘텐츠
카드 스타일의 콘텐츠와 패럴랙스 배경이 조화를 이루어 세련된 디자인을 완성합니다.