悬停时的 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) 的样式定义中，它应该可以工作。