悬停时的CSS转换过渡回到默认大小

Question

我有一个选择器，可以在悬停时更改项目颜色并向上扩展1.2。

它可以工作，但只要它扩展到1.2，它就会快速回到1.0，即使仍然悬停：

.reveal a:not(.image) {
  color: #13daec;
  text-decoration: none;
  -webkit-transition: color .15s ease, transform 0.3s ease-out;
  transition: color .15s ease, transform 0.3s ease-out;

}

.reveal a:not(.image):hover {
  color: #71e9f4;
  text-shadow: none;
  border: none;
  -webkit-transform: scale(1.2, 1.2);
}

注意：在这种情况下，我只关心Chrome和Safari支持。

Answer 1

将display: inline-block添加到.reveal a:not(.image)的样式定义中，它应该有效。