На проекте столкнулся с интересным багом в Chrome (37.0.2062.124 m).
Если мы задаём анимацию для элемента на
:hover и класс состояния
.is-loading, с разными настройками (
duration и
iteration-count), то браузер не позволяет использовать один и тот же keyframes.
Пример.
Может быть есть более правильный способ как решить эту проблему, кроме как продублировать анимацию?
P.s. в Firefox всё нормально и с единичным определением keyframes.