Dot Pattern Glow (点阵发光)
别称 Dotted glow background, Dot grid
点阵以波浪的方式脉动或发光。
适用场景
低调的区块背景
提示词
将 [应用位置] 替换为你要应用的位置，然后粘贴给 AI 智能体。提示词中包含动效名称，下次只说名称即可提出需求。
在[应用位置]添加“点阵发光”(Dot Pattern Glow)背景，也叫 dotted glow background 或 dot grid。
细密的点阵保持静止，一道柔和的光带缓缓扫过，点亮经过的圆点：平静而含蓄。
圆点要足够淡，保证上层内容清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止发光。相似的动效
Animated Grid Pattern (动态网格)
别称 Flickering grid, Grid background
由线条或方块组成的网格，其中的格子淡入淡出或闪烁。
适用场景
科技和 SaaS 首屏
在[应用位置]添加“动态网格”(Animated Grid Pattern)背景，也叫 flickering grid 或 grid background。
浅色的网格线保持不动，零星几个格子在不同时间缓慢淡入淡出：安静、含蓄，绝不同时亮起。
让它待在内容后面，不拦截点击；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止闪烁。将鼠标悬停在上面
Background Boxes (背景方块)
别称 Tile hover background
倾斜的方块网格在指针经过时亮起颜色。
适用场景
首屏背景
在[应用位置]添加“背景方块”(Background Boxes)效果，也叫 tile hover background。
用倾斜的方块网格铺满区域；指针经过的方块要立即亮起，再慢慢暗回去，留下一条短短的拖尾。
方块要放在内容后面，不能挡住对内容的点击；在触屏设备上改为点亮被点按的方块。Starfield (星空)
别称 Stars background, Twinkling stars
细小的星星在如太空般的深色背景上闪烁或漂移。
适用场景
太空或夜晚主题的首屏
在[应用位置]添加“星空”(Starfield)背景，也叫 stars background 或 twinkling stars。
大小不一的小星星各按自己的节奏柔和地闪烁，整片星空非常缓慢地漂移：安静而平和。
星星数量要适中，保持轻快；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止闪烁和漂移。Background & Ambient 中的其他动效
Lamp Effect (灯光效果)
别称 Lamp glow
一条发光的灯线向两侧展开，向下方的标题投下一道锥形光。
适用场景
深色首屏标题
在[应用位置]添加“灯光效果”(Lamp Effect)，也叫 lamp glow。
区块进入视口时，一条细细的发光线从中间向两侧展开，向下方的标题投下一道柔和的锥形光，标题同时上浮淡入到位：缓慢而流畅。
只播放一次；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示被照亮的标题。Light Rays (体积光)
别称 God rays, Light shafts
柔和的光束在背景上轻轻摇曳。
适用场景
营造氛围的页头
在[应用位置]添加“体积光”(Light Rays)背景，也叫 god rays 或 light shafts。
几道柔和的半透明光束从顶部呈扇形散开，左右轻轻摇曳，同时略微变亮变暗：缓慢而富有氛围。
光束要放在内容后面，并且足够淡，不影响阅读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止光束。Mesh Gradient (网格渐变)
别称 Animated mesh gradient
多个颜色点平滑地交融、漂移，形成有机的多色背景。
适用场景
落地页背景
在[应用位置]添加“网格渐变”(Mesh Gradient)背景，也叫 animated mesh gradient。
几团柔和的色块彼此交融，在区域内缓慢漂移，让背景以有机的方式不断变化：非常缓慢、流畅。
无论颜色如何交融，都要保证上层内容清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止漂移。