<span>元素内的CSS动画不起作用

Question

我正在尝试在聊天应用程序中制作一个微笑动画，它正在显示，但是动画无法开始工作。

 <span style="z-index:20;margin-top: -15.5px;margin-left: -0.5px;display: content;position: absolute;width: 1rem;height: 0;"><span id="smiley_xsl" style="position: absolute; overflow: hidden; background: url(&quot;https://s0.xat.com/web_gear/chat/GetStrip6.php?c=s_(hearthands%23c%23burningheart%233%23wildwest%23hearthands%23angel%23gbr20)_20&amp;0.23946990401587476&quot;) no-repeat; height: 50px; width: 50px; animation: 6s steps(72, end) 0s infinite normal none running a_3600;" smiley="hearthands#c#burningheart#3#wildwest#hearthands#angel#gbr20" xslst="l"></span></span>

这是我要制作动画的代码，我该如何解决？