在CSS中缩放锚标记

Question

嗨，我无法在悬停时缩放我的锚标签，这是我的代码：

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