Javascript CSS转换和缩放交互

我有一个自定义光标，它跟随普通的鼠标光标，因此我希望它被转换为-50%，这样它的原点就是指针。然而，每当光标悬停在链接或图像上时，我也希望光标能够放大，但我似乎无法将两者融合在一起。我可以让它变大，但不是从指针得到，或者从指针得到，但不是变大。有人知道这是怎么解决的吗？可能是我忽略了什么。提前谢谢你

#cursor {
   width: 13px;
   height: 13px;
   border: 1px solid #373839;
   position: fixed;
   border-radius: 50%;
   transform: translate(-50%, -50%);
   transition: transform 0.3s ease, scale 0.3s ease, background 0.3s ease, top 0.056s ease, left 0.056s ease;
}

.linkHover {
   transform: scale(1.5);
   background-color: #373839;
}

---

您只需要为

#cursor

设置一个附加规则：

变换原点：左上角；

另外，在

.linkHover

中，如果将

翻译应用于同一元素，请确保保留它们：

.linkHover{
转换：转换（-50%，-50%）比例（1.5）；
背景色：#373839；
}