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