SuperAPI AI 工具集

ferrofluid

前端与建站

查看项目

更新于 10-16 01:36

技能介绍

ferrofluid 是一个 GPU 片段着色器背景,采用无依赖的 WebGL 实现,定位为营销级首屏(hero)背景。

用途:为页面提供具有辨识度的动态或静态背景效果,通常用于首屏视觉区域。

主要能力:以 WebGL 片段着色器渲染背景,不依赖第三方库。资料提到其渲染为静态效果(原文描述被截断,具体动态特性暂未提供)。

使用方式:复制 _fx/shaderbg.js 与 ferrofluid.js 两个文件,然后在内容后方添加一个容器元素,例如 <div class="ferrofluid" style="position:absolute;inset:0"></div>。

适用场景:营销落地页、产品首屏等需要高质量背景的页面。

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