Why does the animation not take effect when using the <span> tag？

[MoNaiZi]

Reproduction demo：https://jsbin.com/xuyapuyuna/1/edit?html,js,output

[GuillaumeDuti]

It seems that it's because the span is an inline element. Change it to block and the animation will work.