逐字动画
每个字符独立入场，0.05s 递增延迟形成波浪节奏，让标题像被逐一敲进屏幕。
Kinetic Typography · 文字即画面
让文字，自己动起来
在这里，文字会 呼吸跳动流动变形 ——逐字入场、打字揭示、渐变流转，排版本身就是最有力的视觉语言。
KINETIC TYPE IN MOTION
类别 通用
年代 2020s Modern
复杂度 高
最适合 Hero 区 · 营销站 · 叙事页 · 创意作品集
核心特性
打字与形变
steps() 打字机逐格揭示，配合模糊缩放的形变循环，文字在稳定与变化间往复。
渐变文字
background-clip: text 将三色渐变灌入字形，背景位移动画让色彩在笔画间流动。
按钮与控件
LETTER 0.05s
CLIP:TEXT
订阅动效周刊
配色板
#FF3CAC渐变起点
#8B5CF6渐变中段
#22D3EE渐变终点 / 强调
#0B0B14舞台背景
#EDEEF6正文文字
字体级阶
文字在表演
每一帧都是排版
动态排版的正文保持静止与高对比：动效只属于标题与点缀。当用户开启“减少动态”偏好时，所有文字立即回到安静的最终状态。
Kinetic · 48