Как сделать чтобы анимация hover не завершалась при отводе мыши?

Question

[Slendywel]

Сама задача состоит в создании анимации с использованием @keyframes. Хочу, чтобы при наводке на текст анимация срабатывала, но при этом при отводе не прекращалась, а продлилась до конца.

Answer 1

[maxim]

Это возможно сделать на js:

element.addEventListener('mouseenter', function() {
element.style.animation = "//название, длительность в секундах и т.д";
});

Comments

[maxim]

Если что-то не то написал, скажи, просто не помню точно

[maxim]

Slendywel, я помог или будешь дальше молчать?

[Slendywel]

Извини, я не мог ответить ибо не был дома. Скорее всего к такому решению я и прибегну. Единственное что при текущем варианте анимация срабатывает при наводке, но после не завершается. А так это является решением от части :<.

Не сердись что долго отвечал

[maxim]

Slendywel, ничего страшного : )
лучше расскажи подробнее о твоей задаче, кинь скрин там

[maxim]

Slendywel, а лучше исходник я там сделаю, и скажи где сделать

[Slendywel]

m1rvi, Спасибо за помощь.
Вопрос я решил, добился ожидаемого :)

[maxim]

Slendywel, : )

Answer 2

[Lord_Dantes]

a {transition: all 300ms;}
a:hover{color: red;}