用途:dot-field 提供一种渐变点阵视觉背景,点阵会随指针移动向外隆起,并伴随柔和的鼠标光晕,定位为营销级 hero 区域背景。
主要能力:渲染渐变点阵,并对指针位置产生隆起与光晕响应。
使用方式:复制 dot-field.js;在内容后方添加 <div class="dot-field" style="position:absolute;inset:0"></div>。
限制:每个视图仅使用一次;文字后方需加遮罩层(scrim)。其余参数、依赖与兼容性信息暂未提供。
设计与创作
更新于 10-16 06:51
用途:dot-field 提供一种渐变点阵视觉背景,点阵会随指针移动向外隆起,并伴随柔和的鼠标光晕,定位为营销级 hero 区域背景。
主要能力:渲染渐变点阵,并对指针位置产生隆起与光晕响应。
使用方式:复制 dot-field.js;在内容后方添加 <div class="dot-field" style="position:absolute;inset:0"></div>。
限制:每个视图仅使用一次;文字后方需加遮罩层(scrim)。其余参数、依赖与兼容性信息暂未提供。