CSS - 悬停时从左到右动画文本装饰线[重复]

Question

我不是 CSS 爱好者，所以我需要一些帮助来实现我的目标。我需要当我的元素或弹出菜单显示时，当菜单声音悬停时，一条线将以动画方式从左到右出现在文本中。我尝试过这个 css 但不起作用。我怎样才能正确达到范围？

#main-menu > .elementor-widget-container > nav > ul > li:hover {
    transition: linear .5s ease-in-out;
    text-decoration: line-through;
}

Answer 1

查看本教程

CSS 中的动画下划线效果：动画悬停文本装饰