提示词
将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。
在[应用位置]添加“线条阴影文字”(Line Shadow Text)效果,也叫 text shadow animation 或 dancing shadow。
字母后方由细斜条纹组成的错位阴影缓慢、持续地滑动,字母本身保持静止、清晰。
条纹的移动要无缝循环;如果用户开启了“减少动态效果”(prefers-reduced-motion),就让阴影保持静止。相似的动效
ABCABCABCABCABC
在里面滚动
Text Repetition (文字重复)
别称 Repeated Text Scroll
一个词被复制成许多层叠的副本,随滚动错开移动。
适用场景
作品集标题
在[应用位置]添加“文字重复”(Text Repetition)效果,也叫 repeated text scroll。
把一个词复制成一叠更淡的描边副本,随用户滚动从它身后展开,向上滚动时再收拢回去。
让展开程度直接绑定滚动位置,并对屏幕阅读器隐藏多余的副本,让这个词只被读一次。ABCDEF
将鼠标悬停在上面
Glitch Text (故障文字)
别称 Text Glitch, RGB Split Glitch
文字像信号故障一样抖动,出现切片错位和红青色分离。
适用场景
赛博朋克或游戏风格标题
在[应用位置]添加“故障文字”(Glitch Text)悬停效果,也叫 text glitch 或 RGB 分离故障(RGB split glitch)。
指针停在文字上时,文字以快速、利落的阵发方式抖动:细细的横向切片左右跳动,两份彩色副本像信号故障一样错开;指针移开后恢复原状。
真实文字在文档中只保留一份,避免屏幕阅读器读出副本;键盘聚焦时也显示同样的效果。Text 中的其他动效
Liquid Fill Text (液体填充文字)
别称 Water Fill Text
字母中注入不断上升、起伏荡漾的液体。
适用场景
加载提示、俏皮标题
在[应用位置]添加“液体填充文字”(Liquid Fill Text)效果,也叫 water fill text。
描边的字母中注满液体,波浪状的液面横向翻滚,液位缓慢地起伏,形成柔和、连续的循环。
单词要保留为真实文本供屏幕阅读器读取;如果用户开启了“减少动态效果”(prefers-reduced-motion),就让液体停在一个静止的液位。ABCD EFGHI JKLM
Mask Reveal (遮罩显现)
别称 Line Mask Reveal, Split Text Overflow Hidden Reveal, Text Masking
文字从一条裁切线后方向上滑出,仿佛凭空出现。
适用场景
编辑风格的大标题
在[应用位置]添加“遮罩显现”(Mask Reveal)文字入场效果,也叫行遮罩显现(line mask reveal)或文字遮罩(text masking)。
每一行文字从一条看不见的边缘后方向上滑出,仿佛凭空出现,一行接一行,快速顺滑,不要有弹跳感。
文字滚动进入视口时只播放一次;如果用户开启了“减少动态效果”(prefers-reduced-motion),则直接显示文字,不做动画。Q
R
U
P
D
H
LY
O
S
G
K
X
BA
F
J
Z
V
M
EH
L
C
N
W
T
IX
B
Q
R
U
P
DM
E
Y
O
S
G
KT
I
A
F
J
Z
VP
D
H
L
C
N
W
Matrix Text (数字雨文字)
别称 Digital Rain Text
绿色字符像《黑客帝国》里的代码雨一样成列落下。
适用场景
黑客主题
在[应用位置]添加“数字雨文字”(Matrix Text)效果,也叫 digital rain text。
一列列字符以略有差异的速度稳定落下,每列最前面的字符明亮,后面拖着逐渐淡去的尾迹。
把它当作对屏幕阅读器隐藏的装饰,保持轻量;如果用户开启了“减少动态效果”(prefers-reduced-motion),就停止动画。