用途:light-rays 是一个 GPU 片段着色器背景,通过无依赖的 WebGL 渲染,定位为营销级主视觉(hero)背景。
主要能力:以 WebGL 片段着色器生成光线效果背景,不依赖第三方库。资料提到其渲染为静态效果,但未提供更多参数或配置说明。
使用方式:复制 _fx/shaderbg.js 与 light-rays.js 两个文件,然后在内容后方添加一个容器元素,例如 <div class="light-rays" style="position:absolute;inset:0"></div>。
适用场景:适合用作页面主视觉背景,每个视图只应使用一次,并在文字后方添加遮罩(scrim)以保证可读性。
限制:官方文档与更多配置项暂未提供;具体渲染参数、性能表现和浏览器兼容性信息暂未提供。