SuperAPI AI 工具集

gradient-blinds

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

gradient-blinds 是一个 GPU 片元着色器背景,使用无依赖的 WebGL 渲染,定位为营销级主视觉(hero)背景。

用途:为页面提供具有辨识度的动态/静态着色器背景,适合放在内容后方作为主视觉底图。

主要能力:以片元着色器在 GPU 上渲染渐变百叶窗式背景;不依赖第三方库。

使用方式:复制 _fx/shaderbg.js 与 gradient-blinds.js,并在内容后方添加 <div class="gradient-blinds" style="position:absolute;inset:0"></div>。

限制与注意事项:每个视图仅使用一次;文字后方需要加遮罩层(scrim)以保证可读性;资料提到可渲染静态效果,但未提供更多参数、配置项、浏览器兼容性或性能数据,暂未提供。