Sliced Text (切片文字)

文字像信号故障一样抖动，出现切片错位和红青色分离。

在[应用位置]添加“故障文字”(Glitch Text)悬停效果，也叫 text glitch 或 RGB 分离故障(RGB split glitch)。
指针停在文字上时，文字以快速、利落的阵发方式抖动：细细的横向切片左右跳动，两份彩色副本像信号故障一样错开；指针移开后恢复原状。
真实文字在文档中只保留一份，避免屏幕阅读器读出副本；键盘聚焦时也显示同样的效果。

页面纵向滚动时，大号文字行横向滑动。

在[应用位置]添加“滚动文字跑马灯”(Text Marquee on Scroll)，也叫 scroll text marquee 或 scroll velocity text。
页面向下滚动时，大号文字行横向滑动，相邻行朝相反方向移动；向上滚动时再滑回来。
让移动绑定滚动位置，不要让长文字行产生横向滚动条；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就保持静止。

用户滚动经过各个章节时，标题的字母依次变换或移动。

在[应用位置]添加“滚动字母”(Scrolling Letters)效果，也叫 on-scroll letter animations。
用户滚动经过各章节时，标题的字母从左到右依次滚动到下一个字符，并直接跟随滚动位置变化。
向上滚回时字母要滚回原样，屏幕阅读器要以普通文字获取当前标题。

文字沿圆周排列，并持续旋转。

在[应用位置]添加“环形旋转文字”(Spinning Text)，也叫环形文字(circular text)或 text on circle。
字母沿圆周均匀排列，整个圆缓慢、匀速地旋转，循环重新开始时不能有跳动。
只向屏幕阅读器提供一次普通文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止旋转。

标题被拆分成字符、单词或行，以短暂延迟依次动画入场。

在[应用位置]添加“拆分文字交错”(Split Text Stagger)入场效果，也叫逐字交错(letter stagger)或 staggered text reveal。
把标题拆成单个字母，字母之间留出短暂延迟，依次上移并淡入，快速顺滑，不要有弹跳感。
标题进入视口时只播放一次，让屏幕阅读器把它当作一个完整的词读出；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示，不做动画。

字符像机场航班显示牌一样翻动，直到停在目标字母上。

在[应用位置]添加“翻牌文字”(Split-Flap Text)效果，也叫翻牌板(text flipping board 或 flip board)。
每个字符格快速翻过字母表，直到停在目标字母上，各字符格从左到右依次停稳。
每次文字出现或变化时运行一次，只向屏幕阅读器播报最终文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就不翻动，直接显示最终文字。