DnDP 웹메이트 AI

홈페이지 제작 전문 상담

안녕하세요! 저는 DnDP의 웹메이트 AI입니다. 🚀
홈페이지 제작에 대한 모든 것을 도와드릴게요!

무엇을 도와드릴까요?
• 홈페이지 견적 문의
• 기능별 가격 안내
• 제작 과정 상담
• 포트폴리오 추천
지금

DnDP 기술 쇼케이스: 스크롤 애니메이션

바운스 인 (Bounce In)

경쾌하게 튀어 오르며 등장하는 바운스 효과는 페이지에 생동감과 즐거움을 불어넣습니다.
사용자의 시선을 사로잡는 동시에 긍정적이고 활기찬 인상을 주어, 더욱 매력적인 사용자 경험을 완성합니다.
아래 컨트롤러로 튀어 오르는 거리와 속도를 조절하며 다양한 바운스 효과를 직접 경험해보세요.

px(픽셀): 숫자가 클수록 더 먼 곳에서부터 튀어 오르듯 등장합니다.

s(초): 숫자가 클수록 더 부드럽고 탄력있게 움직입니다.

화면을 내려 다양한 예시를 확인해보세요

Bounce In from Bottom

가장 대중적인 바운스 효과입니다. 아래에서 튀어 오르며 콘텐츠에 대한 주목도를 높입니다.

랜덤 이미지 1
랜덤 이미지 2

Bounce In from Left

왼쪽에서 통통 튀며 나타나, 경쾌하고 동적인 느낌을 강조합니다.

동시 바운스

왼쪽 요소가 튀어나옵니다.

(좌/우)

오른쪽 요소가 튀어나옵니다.

랜덤 이미지 3

Bounce In from Top

위에서 떨어지며 가볍게 튀어 오르는 효과로, 시각적인 재미를 선사합니다.

페이지를 위아래로 다시 스크롤 해보세요.
콘텐츠가 사라질 때도 바운스 효과가 역으로 적용되어
통통 튀는 듯한 재미있는 경험을 제공합니다.