用途:waves 用于生成有机流动线条的视觉背景,定位为营销级主视觉(hero)背景。其线条场由 Perlin 噪声扭曲,并带有指针尾迹效果。
主要能力:渲染静态的 Perlin 扭曲线条场,并响应指针产生尾迹。资料未提供更多参数、性能或兼容性细节。
使用方式:复制 waves.js;在内容后方添加 <div class="waves" style="position:absolute;inset:0"></div>。每个视图仅使用一个;文字后方需加 scrim(遮罩层)以保证可读性。
适用场景:营销页主视觉背景等需要有机流动线条的场合。
限制:每个视图仅限一个;文字后方必须加 scrim。其余限制暂未提供。