提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“流光文字”(Shimmer Text)效果，也叫 animated shiny text 或金属流光文字(metallic shimmer text)。
一条光带从左到右顺滑地扫过文字，短暂停顿后再重复。
高光经过时文字仍要清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就保持静止。相似的动效
A
将鼠标悬停在上面
Shine Sweep (扫光)
别称 Sheen, Shiny Button, Shine on Hover, Glint, Shimmer, Shimmer Button
悬停时，一道斜向光带从元素的一侧扫到另一侧。
适用场景
按钮、卡片、徽章
在[应用位置]添加“扫光”(Shine Sweep)悬停效果，也叫光泽(sheen)、闪光按钮(shiny button)、悬停扫光(shine on hover)、闪光(glint)、微光(shimmer)或微光按钮(shimmer button)。
指针停在元素上时，一道柔和的斜向光带从左向右扫过元素，并在短暂停顿后重复。
光带要裁剪在元素内部，指针移开后停止；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则不要播放。ABCDEF
Animated Gradient Text (动态渐变文字)
别称 Aurora Text, Rainbow Text Sweep, Gradient Text Color Wave
文字以渐变填充，颜色持续变换或流动。
适用场景
品牌标题
在[应用位置]添加“动态渐变文字”(Animated Gradient Text)效果，也叫极光文字(aurora text)或 rainbow text sweep。
文字用渐变填充，颜色在文字上缓慢、顺滑地流动，无缝地无限循环。
任何时刻文字都要在背景上清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就让颜色保持静止。Skeleton Shimmer (骨架屏流光)
别称 Skeleton wave, Shimmer effect, placeholder-wave
一道亮光扫过灰色占位图形。
适用场景
内容加载占位
在[应用位置]添加“骨架屏流光”(Skeleton Shimmer)，也叫 skeleton wave 或 shimmer effect。
一道柔和的光带从左到右扫过灰色占位图形，下一次扫过前短暂停顿：流畅、不慌不忙。
占位图形要与真实布局一致，内容加载时不能跳动；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则显示静态占位。ABCDEF
将鼠标悬停在上面
Holographic Text (全息文字)
别称 Holographic Foil Text
文字呈现流转的彩虹箔片反光，随指针或时间移动。
适用场景
高级感卡片
在[应用位置]添加“全息文字”(Holographic Text)悬停效果，也叫全息箔片文字(holographic foil text)。
指针停在文字上时，一道箔片般的彩色光带在字母上缓慢、顺滑地来回滑动；指针移开后，文字恢复原本的朴素样子。
光泽流动的任何时刻文字都要清晰可读；键盘聚焦时也显示同样的效果。Text 中的其他动效
ABCABCABC
在里面滚动
Sliced Text (切片文字)
别称 On-Scroll Sliced Text
标题被切成若干水平切片，页面滚动时切片彼此错开、横向移动。
适用场景
编辑风格的首屏
在[应用位置]添加“切片文字”(Sliced Text)效果，也叫 on-scroll sliced text。
把一个大标题切成若干水平切片，开始时对齐成完整的词，用户滚动时切片彼此错开、横向滑动。
让错位直接跟随滚动位置，往回滚动时随之还原；对屏幕阅读器保持标题为一段完整可读的文字。ABCDEFGHIJKLMNOP
Spinning Text (环形旋转文字)
别称 Circular Text, Text on Circle
文字沿圆周排列，并持续旋转。
适用场景
旋转徽章、印章
在[应用位置]添加“环形旋转文字”(Spinning Text)，也叫环形文字(circular text)或 text on circle。
字母沿圆周均匀排列，整个圆缓慢、匀速地旋转，循环重新开始时不能有跳动。
只向屏幕阅读器提供一次普通文字；如果用户开启了“减少动态效果”(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)，则直接显示，不做动画。