이미지와 함께하는 타이포그래피 모핑으로 더욱 풍부한 시각적 경험을 제공합니다.
텍스트 특화 애니메이션
타이포그래피 모핑
(Typography Morphing)
타이포그래피 모핑은 텍스트가 다양한 형태로 변형되면서 시각적 임팩트를 극대화하는 애니메이션 기법입니다.
크기, 회전, 기울임, 색상 변화 등을 통해 텍스트에 생명력을 불어넣어 사용자의 시선을 사로잡습니다.
아래 컨트롤러로 모핑 속도와 변형 강도를 조절하며 다양한 타이포그래피 모핑 효과를 직접 경험해보세요.
s(초): 텍스트가 변형되는 애니메이션 주기를 조절합니다. 숫자가 클수록 더 천천히 변형됩니다.
배율: 텍스트가 확대되는 정도를 조절합니다. 숫자가 클수록 더 크게 변형됩니다.
도(degree): 텍스트가 회전하는 각도를 조절합니다. 숫자가 클수록 더 많이 회전합니다.
화면을 내려 다양한 예시를 확인해보세요
▼기본 타이포그래피 모핑
안녕하세요! 타이포그래피 모핑입니다. -DnDp-
대형 텍스트 모핑
혁신적인 웹 경험을 DnDp에서
그라데이션 모핑 텍스트
아름다운 그라데이션 모핑 -DnDp-
3D 모핑 텍스트
3차원 공간의 타이포그래피
이미지 + 텍스트 모핑
대형 이미지 오버레이 모핑
카드 스타일 모핑
카드 형태의 타이포그래피 모핑
다중 라인 모핑
첫 번째 줄의 타이포그래피 모핑입니다.
두 번째 줄도 함께 변형됩니다.
마지막 줄까지 자연스럽게 모핑됩니다.
호버 모핑 (마우스를 올려보세요)
마우스를 올리면 특별한 모핑이 시작됩니다
이 텍스트는 마우스 호버 시 더욱 강렬한 모핑 효과를 보여줍니다.
글리치 모핑 효과
디지털 글리치 모핑