悬停时的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),它应该工作.