Zoom In from Center
가장 기본적인 줌 인 효과입니다. 화면 중앙을 기준으로 콘텐츠가 작게 시작하여 제 크기로 확대되며 나타납니다.
DnDP 기술 쇼케이스: 스크롤 애니메이션
줌 인/아웃 (Zoom In/Out)
스크롤에 따라 콘텐츠가 확대되거나 축소되며 등장하는 줌 효과는 사용자의 시선을 강력하게 사로잡습니다.
페이지에 입체감과 깊이를 더하며, 중요한 요소에 대한 집중도를 극대화하는 동적인 경험을 선사합니다.
아래 컨트롤러로 줌 강도와 속도를 조절하며 다양한 줌 효과를 직접 경험해보세요.
Scale: 1보다 작은 값으로, 숫자가 작을수록 더 작게 시작하여 극적으로 확대됩니다.
Scale: 1보다 큰 값으로, 숫자가 클수록 더 크게 시작하여 자연스럽게 축소됩니다.
s(초): 숫자가 클수록 더 부드럽고 천천히 나타납니다.
화면을 내려 다양한 예시를 확인해보세요
▼Zoom Out from Center
줌 인과 반대로, 원래 크기보다 큰 상태에서 제 크기로 축소되며 안정감 있게 자리를 잡는 효과입니다.
Zoom In from Bottom
아래를 기준으로 확대되어, 마치 바닥에서부터 솟아오르는 듯한 역동적인 느낌을 줍니다.
Zoom from Left
왼쪽을 기준으로 확대됩니다.
Zoom from Right
오른쪽을 기준으로 확대됩니다.