Background Boxes (背景方块)

由线条或方块组成的网格，其中的格子淡入淡出或闪烁。

在[应用位置]添加“动态网格”(Animated Grid Pattern)背景，也叫 flickering grid 或 grid background。
浅色的网格线保持不动，零星几个格子在不同时间缓慢淡入淡出：安静、含蓄，绝不同时亮起。
让它待在内容后面，不拦截点击；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止闪烁。

点阵以波浪的方式脉动或发光。

在[应用位置]添加“点阵发光”(Dot Pattern Glow)背景，也叫 dotted glow background 或 dot grid。
细密的点阵保持静止，一道柔和的光带缓缓扫过，点亮经过的圆点：平静而含蓄。
圆点要足够淡，保证上层内容清晰可读；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止发光。

一道明亮的高光沿着卡片边框环绕移动。

在[应用位置]添加“边框光束”(Border Beam)效果，也叫 shine border 或 moving border。
一道短而亮的高光沿卡片边框以均匀、从容的速度环绕移动，循环时不能出现明显跳动。
效果不能改变卡片的内容和尺寸；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止光束。

一条发光的灯线向两侧展开，向下方的标题投下一道锥形光。

在[应用位置]添加“灯光效果”(Lamp Effect)，也叫 lamp glow。
区块进入视口时，一条细细的发光线从中间向两侧展开，向下方的标题投下一道柔和的锥形光，标题同时上浮淡入到位：缓慢而流畅。
只播放一次；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示被照亮的标题。