提示词
将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。
在[应用位置]添加“流星”(Meteors)效果,也叫流星雨(meteor shower)或 shooting stars。
几道带着渐隐尾迹的小斜线在随机时刻斜着划过区域,每一道都一闪而过。
数量要少,保持点缀的作用,并在区域边缘裁切;如果用户开启了“减少动态效果”(prefers-reduced-motion),则停止流星。相似的动效
Background Beams (背景光束)
别称 Light beams, Beam collision, Animated Path Lines, Background Lines, Wave Path Lines
细细的发光线条沿路径移动,有时撞到表面会迸散开来。
适用场景
首屏背景
在[应用位置]添加“背景光束”(Background Beams)效果,也叫 light beams 或 background lines。
背景中铺着几条浅色曲线路径,短短的发光条一条接一条地沿路径移动,节奏平稳、匀速。
光束要错开时间,绝不同步移动,并放在内容后面;如果用户开启了“减少动态效果”(prefers-reduced-motion),则停止光束。Starfield (星空)
别称 Stars background, Twinkling stars
细小的星星在如太空般的深色背景上闪烁或漂移。
适用场景
太空或夜晚主题的首屏
在[应用位置]添加“星空”(Starfield)背景,也叫 stars background 或 twinkling stars。
大小不一的小星星各按自己的节奏柔和地闪烁,整片星空非常缓慢地漂移:安静而平和。
星星数量要适中,保持轻快;如果用户开启了“减少动态效果”(prefers-reduced-motion),则停止闪烁和漂移。Background & Ambient 中的其他动效
Noise / Grain Texture (噪点颗粒)
别称 Film grain, Noise background
细密的颗粒纹理覆盖在页面上,有时像胶片颗粒一样闪动。
适用场景
为渐变增添质感和层次
在[应用位置]添加“噪点颗粒”(Noise / Grain Texture)叠加层,也叫胶片颗粒(film grain)或 noise background。
一层细密、浅淡的颗粒纹理覆盖在表面上,像胶片颗粒一样小幅跳动闪烁:要含蓄,绝不能强到让内容显得浑浊。
点击要能穿透叠加层;纹理只生成一次,不要每帧生成;如果用户开启了“减少动态效果”(prefers-reduced-motion),则保持静止。Particles (粒子)
别称 Floating particles, Particle field
大量小圆点在背景中漂浮、相互连接或对指针作出反应。
适用场景
首屏和区块背景
在[应用位置]添加“粒子”(Particles)背景,也叫 floating particles 或 particle field。
大小不一的小圆点各按自己的节奏,沿着柔和、随意游走的路径缓慢漂浮:平静而轻盈。
圆点数量要适中,在性能较弱的设备上也保持轻快;离开屏幕时暂停;如果用户开启了“减少动态效果”(prefers-reduced-motion),则停止动画。ABCDEFGHIJKL
在里面滚动
Progressive Blur (渐进模糊)
别称 Gradient blur edge
模糊强度朝边缘逐渐增加,让内容柔和地淡出。
适用场景
滚动容器边缘、页头
在[应用位置]添加“渐进模糊”(Progressive Blur)边缘,也叫 gradient blur edge。
朝边缘滚动的内容要逐渐变得更模糊、更柔和,平滑过渡,而不是在一条生硬的线上被截断。
只在后面还有更多内容的边缘显示模糊,并且模糊区域不能挡住点击或滚动。