Javascript 创建有标记的高光效果

我想创建一种效果，当用户将鼠标悬停在文本上时，它会创建一种市场感觉效果，就像这里所做的那样：

我希望它以同样的方式动画

任何关于如何做到这一点的代码都将非常有用

---

谢谢下次右键单击，检查元件。 就在那里。但是，如果你不知道你在找什么，可能很难弄清楚

该效果由

：hover

样式实现，该样式仅在元素悬停时激活。在这种情况下，它有一个渐变背景，通常“隐藏”为0大小。 当它悬停时，它被设置为100%大小

然后定义了一个“过渡”，用于处理动画效果

.semibold:悬停{
背景大小：100%100%；
}
半黑体{
背景图像：线性梯度（180度，透明55%，#ffde17 0）；
背景大小：0.100%；
背景重复：无重复；
过渡：背景尺寸0.4s；

---

这里是一些文本和内容>这是semibold

，希望您至少尝试自己编写代码。堆栈溢出不是一种代码编写服务。我建议您通过谷歌或搜索进行一些尝试。如果您仍然有问题，请返回您的代码并解释您尝试过的内容。谢谢这是great，我知道我可以检查它，但我不能解决它。非常感谢！研究css过渡效果，玩不同的可能性。也可能是很好的为你们看动画，添加多步动画。