在 CSS 中缩放锚标记

Scaling anchor tag in CSS

大家好,我无法在悬停时缩放锚标记,这是我的代码:

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

}

a:hover{
  color:blue;
  transform:scale(3);
}
<a>TEST</a>

转换不适用于 未替换的 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