Как убрать повторение свойства animation для :hover при повторном наведении на элемент?

Question

[ananas012]

<span class="ticker">Бегущая строка</span>

<style>
.ticker:hover{
animation-name: test;
animation-duration: 4s;
animation-iteration-count: infinite;
}

@keyframes test{
   from{margin-left: 3px;}
   to{margin-left: 600px;}
}
</style>

Answer 1

[Kirito Kirigaya]

Как вариант через JS писать условия.
Если курсор попал на объект тогда делаем следующее.
Вот я сделал пример CodePen