SuperAPI AI 工具集

image-trail

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:image-trail 用于在页面上实现缩略图跟随光标拖尾并淡出的视觉效果,常见于画廊、作品集等页面的首屏点缀。

主要能力:组件无外部依赖,并兼容减少动态效果(reduced-motion)设置。支持两种呈现方式:通过 data-images 指定一组图片作为拖尾缩略图,或省略 data-images 使用彩色色块。

使用方式:复制 image-trail.js,并在页面中加入容器元素,例如 <div class="trail" data-images="a.jpg,b.jpg">…</div>;若省略 data-images,则显示彩色色块。

适用场景:画廊、作品集等需要视觉亮点的首屏区域。

限制:每个页面建议只使用一个拖尾区域;在内容较多的页面上开销较大;触屏设备下默认关闭。其余细节暂未提供。