CSS动画将鼠标悬停在背景上

Question

我正试图在useplink网站的“扫描和执行区域”上复制“悬停背景显示”效果。
Screenshot

我做了基本版本-fiddle（无动画）

添加任何动画后，背景不会随光标一起移动-fiddle（带有动画）

然后我发现问题可能是由于与background-size: cover refer

一起使用了动画

现在我想做两件事：

1. 使背景与光标一起移动-（“悬停显示效果”）
2. 使用translate3d代替top和left，这样动画就不会显得断断续续

这是我到目前为止的情况-fiddle，没有运气。

我需要更改什么？