Виктор

By CSS specs, the underline does not affect inline blocks inside the element for which text-decoration: underline has been set.
https://stackoverflow.com/questions/16827426/text-...

Задайте свойство на span или уберите у него inline-block

Вот так работает
https://jsfiddle.net/yjqbrz4g/17/

Мой вариант.

Нужно префиксы расставлять.
Например, для WebKit

-webkit-animation
@-webkit-keyframes

jsfiddle.net/v52cQ/2