CSS动画下划线从左到右，我需要从右到左

问题描述

这是我的第一篇文章，所以，如果我没有正确解释，请提前道歉。

我有一段用 CSS 制作动画下划线的代码

.underline {
  background-image: linear-gradient(120deg,#005720 0%,#003513 100%);
  background-repeat: no-repeat;
  background-size: 10% 0px;
  background-position: 0 80%;
  transition: background-size 0.25s ease-out;
}

.underline:hover {
  background-size: 100% 3px;
}

<ul class="fs-4 list-group d-flex align-items-end list-group-flush">
<li class="underline bg-transparent  text-light list-group-item"><a class="fw-light text-white" style="text-decoration: none;" href="index_bienvenida">Bienvenida</a></li>
</ul>

我将不胜感激！谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）