提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“动态排版”(Kinetic Typography)，也叫 kinetic text。
一行行重复的大号文字以缓慢、稳定的节奏交替朝相反方向横向滑动，让文字本身变成运动的图形。
每一行都要无缝循环、看不出跳接，屏幕阅读器只读一遍文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止运动。相似的动效
ABCDEF
Split Text Stagger (拆分文字交错)
别称 Letter Stagger, Staggered Text Reveal, SplitText, Splitting.js text
标题被拆分成字符、单词或行，以短暂延迟依次动画入场。
适用场景
大标题、章节标题
在[应用位置]添加“拆分文字交错”(Split Text Stagger)入场效果，也叫逐字交错(letter stagger)或 staggered text reveal。
把标题拆成单个字母，字母之间留出短暂延迟，依次上移并淡入，快速顺滑，不要有弹跳感。
标题进入视口时只播放一次，让屏幕阅读器把它当作一个完整的词读出；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示，不做动画。ABCDEF
Wavy Text (波浪文字)
别称 Text Wave
字母依次上下起伏，在整个词中形成流动的波浪。
适用场景
俏皮的标题、加载提示
在[应用位置]添加“波浪文字”(Wavy Text)效果，也叫文字波浪(text wave)。
字母依次上下起伏，让一道轻柔流畅的波浪不断穿过整个词。
无缝循环，让屏幕阅读器把它读作一个词；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止波浪。ABCABCABCABCABC
在里面滚动
Text Repetition (文字重复)
别称 Repeated Text Scroll
一个词被复制成许多层叠的副本，随滚动错开移动。
适用场景
作品集标题
在[应用位置]添加“文字重复”(Text Repetition)效果，也叫 repeated text scroll。
把一个词复制成一叠更淡的描边副本，随用户滚动从它身后展开，向上滚动时再收拢回去。
让展开程度直接绑定滚动位置，并对屏幕阅读器隐藏多余的副本，让这个词只被读一次。ABCDEF
移动指针试试
Text Tilt (文字倾斜)
别称 Perspective Text Tilt
文字跟随鼠标位置以 3D 透视方式倾斜转动。
适用场景
首屏标题
在[应用位置]添加“文字倾斜”(Text Tilt)效果，也叫透视文字倾斜(perspective text tilt)。
文字随着指针移动平滑跟随，以 3D 方式轻轻朝指针倾斜，指针移开后再缓缓恢复平整。
倾斜幅度要含蓄，保证文字可读；在触屏设备上，以及如果用户开启了“减少动态效果”(prefers-reduced-motion)，文字保持平整不动。Text 中的其他动效
ABCDEF
将鼠标悬停在上面
Letter Scatter (文字飞散)
别称 Explosive Letter Burst, Scatter Gather Letters
悬停时字母四散飞开再归位，或在入场时向外迸散。
适用场景
俏皮的链接
在[应用位置]添加“文字飞散”(Letter Scatter)悬停效果，也叫 scatter gather letters 或 explosive letter burst。
指针移到文字上时，每个字母带着一点旋转朝各自方向飞出一小段；指针移开后再顺滑地聚拢回原来的单词。
字母移动时，单词在布局中占的位置保持不变，屏幕阅读器要把它当作一个词来读；键盘聚焦时也显示同样的效果。ABCDEFABCDEF
Line Shadow Text (线条阴影文字)
别称 Text Shadow Animation, Dancing Shadow
字母后方的条纹或错位阴影朝一个方向移动。
适用场景
醒目的大标题
在[应用位置]添加“线条阴影文字”(Line Shadow Text)效果，也叫 text shadow animation 或 dancing shadow。
字母后方由细斜条纹组成的错位阴影缓慢、持续地滑动，字母本身保持静止、清晰。
条纹的移动要无缝循环；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就让阴影保持静止。Liquid Fill Text (液体填充文字)
别称 Water Fill Text
字母中注入不断上升、起伏荡漾的液体。
适用场景
加载提示、俏皮标题
在[应用位置]添加“液体填充文字”(Liquid Fill Text)效果，也叫 water fill text。
描边的字母中注满液体，波浪状的液面横向翻滚，液位缓慢地起伏，形成柔和、连续的循环。
单词要保留为真实文本供屏幕阅读器读取；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就让液体停在一个静止的液位。