SuperAPI AI 工具集

ripple-grid

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:ripple-grid 是用无依赖 WebGL 实现的 GPU 片元着色器背景,定位为营销级主视觉(hero)背板。

主要能力:以 GPU 着色器渲染特有的波纹网格背景;资料标明其为无依赖 WebGL,可独立使用。资料未提供具体动效参数、颜色配置、性能数据或浏览器兼容信息。

使用方式:复制 _fx/shaderbg.js 与 ripple-grid.js;在内容后方添加 <div class="ripple-grid" style="position:absolute;inset:0"></div>。每个视图只使用一个;文字后方需加 scrim(遮罩层)。

适用场景:页面主视觉/首屏背景等需要营销级视觉背板的场景。

限制:资料明确每个视图仅一个,且文字后方必须有遮罩;其余限制、许可、框架集成方式暂未提供。