文字显现 · Text Reveal
英文：Text Reveal
动效与交互难度：入门 ★
🗣️一句话大白话
文字不是整体出现，而是逐行、逐词、逐块被揭示。营销页标题、slogan"仪式感"的来源。文字显现是"拆解文字"的艺术：整段出现=平，逐行出现=清晰，逐词/逐字=华丽但慢。告诉 AI 按"行"还是按"词"、间隔多少、从哪个方向切入。中文场景按字拆易断词义，优先按词或按行。常配位移、淡入或模糊。
🖼️样图参考
🎬真实场景
首页标题、slogan、品牌故事、章节标题
📮你可以这样说
「【图像模型版】让 [标题] 逐行显现：每行从下方 16px 位移+淡入，行间隔 100ms，总时长约 800ms，先快后慢。 【HTML/CSS/JS 版】[标题] 每行 span 加 translateY(16px)+opacity 0→1，transition-delay 按行递增 100ms，ease-out。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：文字显现=打字机；打字机是逐字符，reveal 是逐行/逐词/逐块
- ▸中文逐字会切断词语读感
🚫什么时候别用
- ✗正文长段落
- ✗需要快速扫读的列表
🧩常见变体
逐行逐词逐字逐块
💡小贴士
- ✦中文优先逐行/逐词，逐字会切断词语读感
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
📌素材来源
词条内容参考自 Adrian Punk（X @AdrianPunk115）· WayToAGI 转载 的「《Vibe Coding 网页动效词典（上篇）》」，已按项目「大白话 + 双通道提示词」体例改写与补充。查看原文 ↗