用途:magnet-lines 提供一个交互式线条网格,网格中的每条小线都会朝向光标方向,形成类似磁场的视觉效果,适合用作页面 hero 区域或背景装饰。
主要能力:无依赖(Dependency-free),并且对减少动效(reduced-motion)设置安全。资料说明每个视图只应放置一个该效果,因为它比较吸引注意力。
使用方式:复制对应的 CSS 与 JS,然后在页面中放置容器元素:<div class="mag-lines" data-rows="9" data-cols="9"></div>。其中 data-rows 与 data-cols 分别控制网格的行数与列数。
适用场景:hero 区、背景动效等需要吸引注意力的位置。
限制:资料未提供更多关于浏览器兼容性、性能表现、可配置参数或授权方式的说明,这些信息暂未提供。