Анимация прохождения линии оформления текста слева направо при наведении курсора мыши [дубликат] ⇐ CSS

[Anonymous]

Я не любитель CSS, поэтому мне нужна помощь, чтобы достичь своих целей. Мне нужно, чтобы при отображении всплывающего меню Elementor при наведении голосов меню в тексте слева направо появлялась анимированная строка. Я пробовал использовать этот CSS, но он не работает. Как мне правильно достичь области?

Код: Выделить всё

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

Я видел связанные вопросы, но в моем случае разметка меню создается с помощью Elementor, поэтому лучший способ продолжить — это свойство CSS оформления текста. В большинстве найденных мной примеров используется тег span, я не могу добавить его в разметку.


Подробнее здесь: https://stackoverflow.com/questions/784 ... t-on-hover