텍스트 애니메이션
호버
호버자동
자세히 보기
01
자세히 보기
02
자세히 보기
03
자세히 보기
04
자세히 보기
05
자세히 보기
06
자세히 보기
07
자세히 보기
08
자세히 보기
09
자세히 보기
10
트랜지션
Duration (MS)
300
Delay (MS)
0
이징
ease-out
실제 인터페이스와 약간 다를 수 있습니다.
변경 미리보기
01간단 전환
02세로 슬라이드(기본)
03세로 슬라이드(지연)
04가로 슬라이드(왼쪽에서 오른쪽)
05확대+페이드
06페이드만
07웨이브 세로 이동
08블러+페이드
09약하게 부유
10확대하며 위로 이동
This setting applies to the animation
PRO 기능:
텍스트 애니메이션 설정은 ZenBlocks PRO에서 사용할 수 있습니다.
호버
호버
호버자동
자세히 보기
01
자세히 보기
02
자세히 보기
03
자세히 보기
04
실제 인터페이스와 약간 다를 수 있습니다.
포인트:
Hover 시 텍스트에 적용할 애니메이션을 선택합니다.
조정 팁:
가독성을 해치지 않는 짧고 절제된 움직임부터 시작하세요.
설정 항목
- 애니메이션 프리셋 선택(
none포함)
텍스트 애니메이션은 Hover 시에만 동작합니다. 스타일 트랜지션과 병행하면 체감 지연이 생길 수 있어 Duration/Delay를 함께 조정하세요.
30자 제한:
글자별 지연 효과는 최대 30자까지 적용됩니다.
트랜지션
트랜지션
Duration (MS)
300
Delay (MS)
0
이징
ease-out
실제 인터페이스와 약간 다를 수 있습니다.
설정 항목
재생 시간 (ms)지연 시간 (ms)이징사용자 정의 값초기화
텍스트 애니메이션 트랜지션은 아이콘/스타일 트랜지션과 독립적으로 동작합니다.