缩放CSS中的锚标记[重复]

Question

这个问题在这里已有答案：

• CSS transform doesn't work on inline elements 2回答

嗨伙计们，我无法在悬停时缩放我的锚标记，这是我的代码：

a {
    color: red;
    text-decoration: none;
    transition: all 0.5s;

}

a:hover{
  color:blue;
  transform:scale(3);
}

<a>TEST</a>

Answer 1

转换不适用于非替换的inline元素，所以你可以给display: inline-block

  a {
    color: red;
    text-decoration: none;
    transition: all 0.5s;
    display: inline-block;
}

a:hover{
  color:blue;
  transform:scale(3);
}

<a>TEST</a>

请参考这里https://drafts.csswg.org/css-transforms-1/#terminology