在 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

在 CSS 中缩放锚标记

Scaling anchor tag in CSS

html

css

anchor