提示词
将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。
在[应用位置]添加“频闪”(Flicker)效果,也叫 flickering。
元素大部分时间保持稳定,偶尔像接触不良的霓虹灯一样短促、不均匀地变暗。
节奏要不规则而不是等间隔,避免全强度的快速闪烁;对开启了“减少动态效果”的用户则停止。相似的动效
ABCD
元素像故障的霓虹灯一样快速闪烁几下,然后保持可见。
适用场景
霓虹和复古风格的文字效果
在[应用位置]添加“频闪进入”(Flicker In)入场动画。
元素像故障的霓虹灯一样,以不规则的间隔亮灭几次后保持点亮:干脆的闪烁,没有位移。
只播放一次,闪烁次数要少、速度不能太快,确保对光敏感的人也安全;如果用户开启了“减少动态效果”(prefers-reduced-motion),则直接以常亮状态显示。Flash (闪烁)
别称 Blink
元素通过快速切换不透明度来闪烁。
适用场景
提示有新内容
在[应用位置]添加“闪烁”(Flash)提示效果,也叫 blink。
元素快速淡出再淡入,闪烁两次,然后保持完全可见。
只播放一次,不要无休止地闪烁;快速闪烁可能让人不适,所以对开启了“减少动态效果”的用户则跳过。ABCDEF
Neon Glow Text (霓虹发光文字)
别称 Neon Sign Flicker, Glowing Text
文字像霓虹灯管一样发光,并闪烁或脉动。
适用场景
夜生活、游戏主题
在[应用位置]添加“霓虹发光文字”(Neon Glow Text)效果,也叫霓虹招牌闪烁(neon sign flicker)或发光文字(glowing text)。
文字像霓虹灯管一样发出柔和、稳定的光,偶尔像真实招牌那样短暂熄灭一下。
闪烁要偶尔出现而不是快速连闪,因为快速闪光可能伤害部分用户;如果用户开启了“减少动态效果”(prefers-reduced-motion),就保持稳定发光。ABCDEF
将鼠标悬停在上面
Glitch Text (故障文字)
别称 Text Glitch, RGB Split Glitch
文字像信号故障一样抖动,出现切片错位和红青色分离。
适用场景
赛博朋克或游戏风格标题
在[应用位置]添加“故障文字”(Glitch Text)悬停效果,也叫 text glitch 或 RGB 分离故障(RGB split glitch)。
指针停在文字上时,文字以快速、利落的阵发方式抖动:细细的横向切片左右跳动,两份彩色副本像信号故障一样错开;指针移开后恢复原状。
真实文字在文档中只保留一份,避免屏幕阅读器读出副本;键盘聚焦时也显示同样的效果。Emphasis 中的其他动效
A
Head Shake (摇头)
别称 Headshake, No Shake
元素带着轻微旋转左右摆动,就像摇头表示“不”。
适用场景
输入无效或操作被拒绝
在[应用位置]添加“摇头”(Head Shake)提示效果,也叫 headshake 或 no shake。
元素要像摇头表示“不”一样,带着轻微扭转快速左右转动,每次幅度都比上一次小,最后停稳。
每次触发时只播放一次(比如操作被拒绝时),并且不要让周围的布局跟着移动。A
Heartbeat (心跳)
别称 Heart Beat
元素以双拍节奏缩放,就像跳动的心脏。
适用场景
点赞和收藏图标、直播状态指示
在[应用位置]添加“心跳”(Heartbeat)效果,也叫 heart beat。
元素要快速地连续膨胀、回缩两次,然后稍作停顿再开始下一次,就像跳动的心脏。
无缝循环播放并保留两次心跳之间的停顿;如果用户开启了“减少动态效果”(prefers-reduced-motion),就停止动画。A
Jello (果冻)
别称 Jelly
元素像晃动的果冻一样来回倾斜变形,幅度逐渐减小。
适用场景
俏皮地强调按钮或 Logo
在[应用位置]添加“果冻”(Jello)提示效果,也叫 jelly。
元素要像晃动的果冻一样来回倾斜变形:一开始幅度大,然后很快平息下来。
触发时只播放一次,并保持元素占据的空间不变,避免周围内容移位。