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