MotionLang

光标与指针 · 指针碰到什么

图片拖尾Image trail

指针扫过一排缩略图时,身后留下一串小图,一张比一张小、一张比一张淡,最后收干净。它和「悬停预览跟随」的差别是数量:预览跟随始终只有一张,拖尾是一串 —— 前者说「你指到的是这张」,后者说「你刚扫过了这些」。

在工具里打开这条

什么时候用它

用在作品集、相册、菜单这类「内容本身就是图」的浏览场景,桌面端效果最好。列表项是文字的场合别用(拉出一串文字块会很乱),触摸端也别用 —— 手指扫不了那么快,拖尾根本拉不起来。

参数

spawn every 60ms · life 700ms · transform: scale 1→0.42 · opacity 1→0 · linear · 16-item pool

配方

  1. 图片拖尾 → spawn every 60ms · life 700ms · transform: scale 1→0.42 · opacity 1→0 · linear · 16-item pool

给 AI 的一句话

做一个图片拖尾:指针移动时每 60ms 在落点放一张小图,每张在 700ms 内从 scale(1) 缩到 scale(0.42)、opacity 从 1 到 0;用一个 16 个元素的池子循环复用,不要每次新建 DOM。生成间隔是关键 —— 太快会连成一条糊线,太慢就只剩孤零零几张。

同类的其他动效