文字动效 UI 设计模式

标题里的每个字符依次（可带旋转）入场，节奏感极强。ReactBits 的 SplitText 与 Magic UI 的 text-animate 都属这一族。

文字从大模糊渐渐对焦变清晰，像镜头调焦。ReactBits 的 BlurText 是这类效果的标准命名。

文字逐字敲出，末尾带闪烁光标。Magic UI 的 Typing Animation、Aceternity 的 Typewriter Effect 都是同族。

文字带红青双色错位的抖动，像信号故障。ReactBits 的 GlitchText、Magic UI 的 Hyper Text 都在这个家族。

同一位置的多组词交替：旧的放大模糊消失，新的从缩小清晰浮现。Magic UI 的 Morphing Text 与 ReactBits 的 Word Rotate 同类。

字符在细体与粗体之间波浪式变化，用可变字体的字重轴（wght）做动画。Magic UI 的 Kinetic Text 就是这个名字。

渐变色带在文字内部横向流动。Magic UI 的 animated-gradient-text / aurora-text 都是它的变体。

文字外裹多层发光，像霓虹灯管，并做明暗闪烁模拟灯管不稳定。

只有轮廓、内部镂空的大字，常与实心版本叠用做层次或做背景水印。

一个固定宽度的词位里，候选词像翻牌一样绕 X 轴翻进翻出。Aceternity UI 的 Flip Words 是标准命名。

文字沿贝塞尔曲线排布，自带弧形节奏，是 SVG textPath 的典型用法。ReactBits 的 Text Path 组件即此。

文字沿圆周排列并整体缓慢旋转，中间留空放图标或简短标签。Magic UI 的 spinning-text 就是它。

一条带斜切边缘的彩色高亮从左往右刷过关键词，模拟荧光笔手写。Magic UI 的 Highlighter 即此。

文字背后有两层描边副本来回错动，制造「残影/回声」的动感。Magic UI 的 line-shadow-text。