Javascript 居中自定义光标

我创建了一个跟随鼠标的自定义光标。我想有一个自定义圈长大时，在链接悬停。我遇到的问题是，当圆设置为较大的圆动画时，它不再以光标为中心。我不太确定如何在自定义圆变大时保持其居中。下面的代码是用于让自定义圆跟随光标的JS。提前谢谢你

让clientX=-100；
设clientY=-100；
const innerCursor=document.querySelector（“.cursor--small”）；
常量initCursor=（）=>{
document.addEventListener（“mousemove”，e=>{
clientX=e.clientX；
clientY=e.clientY；
});
常量渲染=（）=>{
innerCursor.style.transform=`translate（${clientX}px，${clientY}px）`；
请求动画帧（渲染）；
};
请求动画帧（渲染）；
};
initCursor（）无法通过编程方式移动用户光标。您可以将其锁定到某个位置，但这会造成糟糕的用户体验，并且可能在其他方面存在问题（跨浏览器问题）


我建议使用样式为悬停创建一个更大的“命中”区域


a.cursor-thing{
显示：内联块；
填充：20px；
利润率：-20px；
}
a、 光标：悬停{
背景：#f00；
}
这是一个你可以甚至可以说的句子。
我不确定如何帮助你，我只是想给你一些关于这个主题的建议。当弄乱光标的外观时，要特别小心。没有多少人喜欢你改变它，现在有点过时了。希望您能找到答案。@AndrejaZivanovic感谢您的回复。我没有改变实际的光标，一个很好的例子就是cuberto.com。光标有一个跟随鼠标的圆形div。这就是我想要实现的。我在下面约翰·泰纳的帮助下解决了这个问题。太棒了！请投票并选择这个作为答案。干杯