html - CSS hover transform 将我的元素移出悬停

Question

我正在为我的导航链接制作动画，并在悬停时将它们放大。像这样:

nav#nav a:hover
  color coal
  transform scale(1.64)
  transform-origin center -109%

这会导致元素从光标下方移出，反转效果，使其向后移动，重做悬停，陷入这个丑陋的循环。

悬停效果如何保持？

Answer 1

没有实际代码我只能给出一个概念性的答案:

您能否将动画元素放入不改变大小的 div 中并对其应用悬停？因此，您将鼠标悬停在 div 上，它会为内部对象设置动画，但 div 不会移动，因此即使在内部对象发生变化后，鼠标仍会悬停在 div 上。