用途:iridescence 是一个基于 GPU 片段着色器的动态背景,通过无依赖的 WebGL 渲染,适合用作营销级 hero 区域的视觉背景。
主要能力:提供具有虹彩质感的动态着色器背景,无需引入第三方依赖库。
使用方式:复制 _fx/shaderbg.js 与 iridescence.js 两个文件,然后在内容后方添加 <div class="iridescence" style="position:absolute;inset:0"></div>。
限制与注意事项:每个视图只应使用一次;文字后方需要放置遮罩层(scrim)以保证可读性。其余参数、配置项与兼容性信息暂未提供。