Css 带过渡的链接下划线

如何可能添加带有平滑过渡的链接下划线

这样在本网站的标题链接中

我为你做的和link mate一模一样

保险商实验室{ 列表样式：无； 位置：相对位置； 显示：-网络工具包盒； 显示：-ms flexbox； 显示器：flex； -ms柔性线包装：弹性； 对齐内容：拉伸； 列表样式类型：无； 保证金：0； } 李{ 显示器：flex； 保证金：0.5雷姆； 字号：1.1rem； 线高：2rem； 光标：指针； 弹性：1； } a{ 文字装饰：无； 颜色：666； } a:以后{ 光标：指针； 内容：； 显示：块； 保证金：0自动； 宽度：0； 高度：2倍； 背景：b5cad7； 过渡：宽度4s； } a:悬停：之后{ 宽度：100%； }

---

看到了吗？我希望这是你想要的

李{ 边缘底部：10px； } .酷链接{ 显示：内联块； 颜色：000； 文字装饰：无； } .酷链接：：之后{ 内容：； 显示：块； 宽度：0； 高度：2倍； 背景：2000人； 过渡：宽度3s； 保证金：0自动； } .cool链接：hover:：after{ 宽度：100%； //过渡：宽度3s； }

---

这不是下划线，这是一个背景位置属性，我该怎么做呢？对不起，有两种方法可以做这个背景位置，另一种是课后css。非常感谢，但是安德烈的答案更贴切。你的下划线开始向左，而不是向中心倾斜！这就是答案！我在十分钟内接受它：-DOkay伙计，干杯：