要删除的Css动画，然后添加回文本下划线

我试图在这个网站上模拟动画链接

当您将鼠标悬停在LETS TALK链接上时，下划线首先消失，然后再次出现

到目前为止，我有这个

。链接下划线{
位置：相对位置；
文字装饰：无；
显示：内联块；
}
链接下划线：在{
显示：块；
内容：''；
边框底部：实心1px#000；
变换：scaleX（1）；
转换：转换250ms缓进缓出；
变换原点：100%50%
}
.link下划线：悬停：在{
变换：scaleX（0）；
变换原点：0.50%；
}

---

您可以通过背景动画来实现这一点：

。链接下划线{
--n:4；/*调整此值以控制延迟*/
文字装饰：无；
显示：内联块；
背景：
线性梯度（向右，
#000计算值（100%/var（--n）），
透明0计算（（var（--n）-1）*100%/var（--n）），
#000 0) 
右下角/
计算（var（-n）*100%）1px
不重复；
}
。链接下划线：悬停{
背景位置：左下角；
转换：1.5s；/*调整此值以控制总持续时间*/
}