氛围与背景 · 页面的空气
极光渐变Aurora veil
- 氛围
- 缓慢
- 有纵深
几团大而软的颜色在里面慢慢漂,边界永远是糊的 —— 所以它不像「一块背景」,像空气本身有颜色。首页最省事的高级感来源,而且它不抢前面的字。
什么时候用它
想让页面一进来就有气氛、又不想让动效抢内容时用它 —— 首页第一屏、登录页、大片留白的页面都合适。工具界面和要长时间盯着读的列表别用:背景一直在动,字会变难读;那种页面用一张静态渐变就够了。
参数
4 radial gradients · radius ≈ 0.8×frame · period 26–48s · sine-eased drift · dark → lighter
配方
极光渐变 → 48s极光渐变 → 4 radial gradients · radius ≈ 0.8×frame · period 26–48s · sine-eased drift · dark → lighter
给 AI 的一句话
给这个页面铺一层极光背景:4 团径向渐变,半径约 0.8 倍画面宽,每团的中心在横竖两个方向各走一条正弦,周期分别是 26–48 秒且互不同步,颜色边界要一直保持糊掉的状态。浅色界面用普通叠加,深色界面用 lighter 提亮。它只做背景,前面的文字和按钮不参与动画。