提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“可变字重动画”(Variable Font Weight Animation)悬停效果，也叫字重切换(font weight shift)。
指针停在文字上时，字母从左到右依次变粗，形成一道流畅的波浪；指针移开后再变细。
使用可变字体，让字重平滑变化而不是跳变；标题变宽时不要挤动附近内容，并且在键盘聚焦时呈现同样的效果。相似的动效
ABCD
Tracking In (字距收拢进入)
别称 Text Tracking In, Letter-spacing In
字母起初间距很宽且较淡，随后在显现的同时收拢到正常字距。
适用场景
标题文字入场
在[应用位置]添加“字距收拢进入”(Tracking In)文字动画，也叫 text tracking in 或 letter-spacing in。
字母起初间距很宽且较淡，然后逐渐收拢到正常字距并完全显现：平滑，末尾减速。
字距变化期间让文字保持居中且不换行，避免周围布局移动；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接以正常字距显示。ABC DEF GHI JKLABC DEF GHI JKL
MNO PQR STU VWXMNO PQR STU VWX
YZA BCD EFG HIJYZA BCD EFG HIJ
Kinetic Typography (动态排版)
别称 Kinetic Text
文字不再是静态文案，而是作为运动的图形元素缩放、移动或旋转。
适用场景
品牌首屏区块
在[应用位置]添加“动态排版”(Kinetic Typography)，也叫 kinetic text。
一行行重复的大号文字以缓慢、稳定的节奏交替朝相反方向横向滑动，让文字本身变成运动的图形。
每一行都要无缝循环、看不出跳接，屏幕阅读器只读一遍文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止运动。Text 中的其他动效
Video Text (视频文字)
别称 Text Video Mask
大号字母如同窗口，里面显示正在播放的视频。
适用场景
首屏标题
在[应用位置]添加“视频文字”(Video Text)效果，也叫文字视频遮罩(text video mask)。
让粗大的字母成为观看正在播放视频的窗口，动态画面只在字母形状内显示。
视频保持静音、循环播放且不显示控件，为屏幕阅读器提供真实的文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则显示一帧静止画面。ABCDEF
Wavy Text (波浪文字)
别称 Text Wave
字母依次上下起伏，在整个词中形成流动的波浪。
适用场景
俏皮的标题、加载提示
在[应用位置]添加“波浪文字”(Wavy Text)效果，也叫文字波浪(text wave)。
字母依次上下起伏，让一道轻柔流畅的波浪不断穿过整个词。
无缝循环，让屏幕阅读器把它读作一个词；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止波浪。ABDEFGHIJKLDEFMN
Word Rotate (词语轮播)
别称 Rotating Words, Flip Words, Container Text Flip, Layout Text Flip, Rotating Text Wheel
句子中的一个词以滑动、翻转或淡入淡出的方式换成列表中的下一个词。
适用场景
首屏标语
在[应用位置]添加“词语轮播”(Word Rotate)效果，也叫轮换词(rotating words)或翻转词(flip words)。
行内的一个词向上滑出，列表中的下一个词从下方滑入，每个词停留片刻后再切换。
词宽不同时不要让这一行的其余部分跳动，不要让屏幕阅读器播报每次切换；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止轮播。