SuperAPI AI 工具集

liquid-chrome

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:liquid-chrome 提供一种独特的 GPU 着色器背景,通过无依赖的 WebGL 渲染,定位为营销级首屏(hero)背景。

主要能力:以片元着色器生成动态或静态的视觉背景,不依赖第三方库。资料提到可渲染静态效果(原文截断,未完整说明)。

使用方式:复制 _fx/shaderbg.js 与 liquid-chrome.js 两个文件;在内容后方添加 <div class="liquid-chrome" style="position:absolute;inset:0"></div> 元素。

限制与注意事项:每个视图只应使用一次;文字后方需要加遮罩层(scrim)以保证可读性。其余参数、配置项、浏览器兼容性及性能细节暂未提供。