氛围与背景 · 页面的空气
代码雨Matrix rain
- 往下淌
- 成列
- 越落越淡
一列列字符从上往下落，每列速度不同，越往下越暗，落到底就重新从顶上开始。单个字符是不动的 —— 动的是一整列的推进，所以它读起来是「数据在流」，而不是「字在飞」。
什么时候用它
用在科技、安全、AI 相关的氛围背景上，透明度压到 0.2 以下、放在内容后面。正文上面不要用，而且必须配 reduced-motion 降级成静态渐变 —— 满屏运动的文字对阅读是实打实的干扰。
参数
columns 26 · fall 42–120px/s · per-column delay 0–1.6s · trail 18 chars · opacity 0.18 · linear, loops forever
配方
代码雨 → columns 26 · fall 42–120px/s · per-column delay 0–1.6s · trail 18 chars · opacity 0.18 · linear, loops forever
给 AI 的一句话
做一个代码雨背景：按字符宽度切出 26 列，每列有自己的下落速度和起始延迟，列内从上往下画 18 个字符、越往下透明度越低；整列落出画面后从顶部重新开始。逐帧推进，不要用缓动。整体透明度压到 0.18，画在内容后面。