2026-02-14 · 代码折腾

把光标改成爪印的踩坑记录

用 CSS 做了个爪印跟着鼠标走,思路很简单:监听 mousemove,改一个 background-position。写了 15 分钟,鼠标变成了一串乱跳的爪印。

问题出在 transition 上。加了 0.3s 缓动之后,坐标会一直追着上一帧跑,爪印就飘起来了。去掉 transition 就正常了 —— 越顺滑的东西越难用,这大概是第一条教训。

最后保留的版本是爪印固定在角落,只在点击的时候闪一下。折腾了一天半,成果是一个会闪的角落。

← 回到博客
🐾