用途:为页面或场景的沉浸式背景层创建深色氛围背景,呈现类似发光织物、雾幕或光帘的垂直光褶,并带有缓慢漂移与局部聚焦辉光。
主要能力:以多层重叠的垂直光带构成有层次、有空间感的背景;亮度向某一区域(尤其右下或下边缘)累积,形成电影感焦点光;配色克制,以深海军蓝或炭黑为底,辉光取自设计主色或最强强调色,无明确品牌色时可用冷青蓝。
使用方式:仅在沉浸式背景层应用,不涉及整页布局、排版或无关的 WebGL/粒子系统。需要动态效果时优先用 canvas 或着色器渲染,而非静态 CSS 渐变;用多条高耸重叠的光带或光褶配合缓慢正弦漂移;采用 screen 或加法式混合,使交叉处自然变亮;每条光褶用垂直渐变,顶部淡出、向底部或焦点角落增强;在焦点边缘或角落叠加轻微径向辉光以强化纵深。运动应缓慢、冥想式,仅有轻柔漂移与轻微强度变化。
可调参数:光褶数量、漂移的水平摆幅与速度、亮度焦点位置、颜色(用当前设计强调色着色并保持深色高级底色)、柔和度(重叠宽度、渐变衰减与后期辉光强度)。
适用场景:需要情绪化氛围背景、流体光幕或光褶,而非几何网格、色块或具象插画的设计。
限制与避免:不要用无分层光褶结构的平面多段渐变;避免喧闹的彩虹色过渡或全画面高亮辉光干扰前景内容;设计已有明确主色时不要硬编码青色;避免快速湍流、噪点粒子运动或明显重复图案破坏平静氛围。具体安装命令与代码示例暂未提供。