html - 在 CSS 中缩放 anchor 标记

标签 html css anchor

<分区>

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

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

关于html - 在 CSS 中缩放 anchor 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54773148/

上一篇:html - 如何使用 z-index 将一个导航菜单堆叠在另一个导航菜单之上?

下一篇:html - 从::before 和::after 伪元素中移除 :focus 轮廓样式

相关文章:

HTML/CSS 悬停一个对象使另一个对象改变它的属性

jquery - 如何以编程方式为我的页眉创建 anchor ?

javascript - Bootstrap 3 : Fixed navbar in mobile layout is expanded by default on load without 'in' class

html - Bootstrap 响应式按钮组对齐

html - 如何嵌套多个 span 标签。我发现的所有内容都已过时或令人费解

html - 具有可变列的固定宽度表

css - 从数据库中检索数据并将它们显示在表格中后,长行会扩展单元格,而不是中断

javascript - jquery 仅使用 rel 属性滚动

python - 在带有 Python 的 Tk 中,我如何指定一个框架或 Canvas 以随我的窗口调整大小?

javascript - 当特定的 div 可见时改变颜色