Как сделать обратную анимацию после ухода курсора?

Question

[Михаил Костиков]

Всем привет!
Можно ли через @keyframes сделать обратную анимацию? Сейчас когда убираешь курсор с текста линия просто пропадает.
Пример https://codepen.io/kostikovmu/pen/OYpyPG

Answer 1

[Владимир]

Очевидно же, сделать еще один набор keyframes

Comments

[Михаил Костиков]

И куда его подключить? Можно пример у меня не получилось.

[Алексей Ярков]

Михаил Костиков, туда же куда и первый

[Владимир]

Одна анимация на класс с hover, вторая на чистый класс

[Михаил Костиков]

Владимир, и тогда анимация на чистый класс будет срабатывать после открытия страницы.

[Rustam Bainazarov]

Михаил Костиков, а зачем тут вообще keyframes?

Сделайте просто на :hover нужные вам стили.

[Михаил Костиков]

Хочу узнать как сделать, когда придется более сложную анимацию делать.