CSS悬停变换将我的元素移出悬停

Question

我动画了我的导航链接，并在悬停时缩放它们。像这样：

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

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

如何保持悬停效果？

Answer 1

如果没有实际代码，我只能给出概念性答案：

你能把动画中的项目放在一个不会改变大小的div中并将悬停应用到那个吗？所以你将鼠标悬停在div上它会激活内部对象，但是div不会移动，所以即使在内部对象发生变化之后鼠标仍然悬停在div上。