Mesh Gradient (网格渐变)
别称 Animated mesh gradient
多个颜色点平滑地交融、漂移，形成有机的多色背景。
适用场景
落地页背景
提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“网格渐变”(Mesh Gradient)背景，也叫 animated mesh gradient。
几团柔和的色块彼此交融，在区域内缓慢漂移，让背景以有机的方式不断变化：非常缓慢、流畅。
无论颜色如何交融，都要保证上层内容清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止漂移。相似的动效
Animated Gradient (动态渐变)
别称 Gradient animation, Moving gradient, Background gradient animation
渐变背景中的颜色缓慢变化、平移或旋转。
适用场景
首屏背景、按钮
在[应用位置]添加“动态渐变”(Animated Gradient)背景，也叫 gradient animation 或 moving gradient。
渐变的颜色在区域内缓慢平移，柔和、连续地流动，循环重新开始时不能出现可见的跳动。
上方的文字在每种颜色上都要清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止移动。Aurora Background (极光背景)
别称 Northern lights gradient
柔和模糊的色带像极光一样在内容后方飘动。
适用场景
首屏区块
在[应用位置]添加“极光背景”(Aurora Background)，也叫 northern lights gradient。
柔和、模糊的色带在内容后方缓慢飘动摇曳，彼此重叠交融，就像北极光：非常缓慢、如梦似幻。
上方文字要保持清晰可读，不要每一帧都重新对色带做模糊，以保持流畅；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止飘动。Background & Ambient 中的其他动效
Meteors (流星)
别称 Meteor shower, Shooting Stars
带着发光尾迹的斜线划过卡片或区块。
适用场景
卡片和首屏点缀
在[应用位置]添加“流星”(Meteors)效果，也叫流星雨(meteor shower)或 shooting stars。
几道带着渐隐尾迹的小斜线在随机时刻斜着划过区域，每一道都一闪而过。
数量要少，保持点缀的作用，并在区域边缘裁切；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止流星。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)，则停止动画。