Css 跨多行创建连续下划线动画的伪元素

我有一个动画线下的链接。它适用于单线链接，但我有一些链接是用换行符分隔的 有没有办法让动画下划线沿着链接的所有线条显示出来？ 谢谢

身体{ 填充：20px； 字体系列：Helvetica； } a{ 字体大小：粗体； 颜色：黑色； 位置：相对位置； 文字装饰：无； } a:以前{ 内容：； 位置：绝对位置； 宽度：0%； 高度：2倍； 底部：0； 背景色：000； 过渡：均为0.2s； } a:悬停：：之前{ 宽度：100%； }

---

使用梯度，如下所示：

身体{ 填充：20px； 字体系列：Helvetica； } a{ 字体大小：粗体； 颜色：黑色； 位置：相对位置； 文字装饰：无； 背景：线性梯度000000左下无重复； 背景尺寸：0%2px； 过渡：均为0.5s； } a:悬停{ 背景尺寸：100%2px； } /*这将提供另一种动画，所有线将同时动画*/ 阿尔特先生{ -webkit盒装饰中断：克隆； 盒子装饰破裂：克隆； }

---

使用梯度，如下所示：

身体{ 填充：20px； 字体系列：Helvetica； } a{ 字体大小：粗体； 颜色：黑色； 位置：相对位置； 文字装饰：无； 背景：线性梯度000000左下无重复； 背景尺寸：0%2px； 过渡：均为0.5s； } a:悬停{ 背景尺寸：100%2px； } /*这将提供另一种动画，所有线将同时动画*/ 阿尔特先生{ -webkit盒装饰中断：克隆； 盒子装饰破裂：克隆； }

---

太棒了。第二个版本，使用克隆选项正是我想要的。非常感谢。如果我在@Lawmate中有一个图标，请在图片中添加一个负边距以隐藏背景，这太棒了。第二个版本，使用克隆选项正是我想要的。非常感谢。如果我在@Lawmate中有一个图标，请在图像中添加一个负片距以隐藏背景