这个效果是怎么做出来的
真实摄像机拍高速物体时，曝光时间内物体会扫过一小段距离，底片把这些瞬间叠成方向性拖影——这就是运动模糊。浏览器默认没有它：每帧渲染的都是瞬时快照，元素瞬移不留轨迹。网页上补这个质感有两条主流思路：一是速度映射模糊量，JS 每帧算出移动速度，把速度值映射成 CSS filter: blur() 的半径，速度越快糊得越狠，停手瞬间归零；二是残影法，给运动元素配几个降透明度的副本，各自往反方向滞后跟随，「快」的观感来自模糊，「方向」的信息来自残影，两条叠加最接近摄像机成像。demo 里横向拖动卡片快速甩动，松手后还有一小段惯性滑行，模糊随速度衰减到消失。
怎么用这条提示词
适合拖拽排序的列表、快速滑动的轮播和抽屉、甩动飞出的面板——一切「用户会快速甩它」的元素。发给 AI 时说明运动元素是什么、由什么操作驱动（拖拽还是惯性滚动），再补一句用 requestAnimationFrame 每帧重算速度，别在 pointermove 里直接写样式。
想效果更好？试试这些
模糊半径要有上限（10px 左右封顶），超过就糊成一团看不出轮廓了。模糊值要逐帧连续变化，别按速度档位跳变，否则会闪烁。残影层记得 will-change: transform 提合成层，数量两三个就够，多了像重影穿帮。竖向滚动列表用同样的思路映射 blur 即可，但注意模糊要加在内容层而不是滚动容器上，不然整块视觉都糊了。