枯白啃设计分享拖拽排序动效小技巧及可复用 Prompt

Kubai（@Kubai087）在其栏目《999 个小技巧，让你 Vibe 的产品更有质感》第 005 期分享了更灵动的拖拽排序动效做法，并附上可直接抄的 Prompt。要点包括光标悬停变手指、按下变抓手，落点用插入线提示并从中间展开；插入线两侧元素按位移 = 10px × 0.7ⁿ、延迟 = 24ms × n（n 为与插入线相隔的层数，紧挨着的为 0）由近及远依次避让，模拟真实推挤效果。此外建议支持键盘排序，并在减少动效模式下只保留插入线。

AI 根据报道生成 · 1 小时前更新

还没有足够的连续观测数据，暂不绘制趋势。