css3动画关键帧计时仅适用于chrome

我刚刚用css3创建了一个预加载动画，它只在Chrome上正常工作。。。在所有其他浏览器上，动画都在工作，但中间的条的计时很晚，破坏了动画的整个计时。。。我不明白为什么，因为所有的关键帧都是精心设置的。。。有什么想法吗

以下是小提琴上的动画和代码：

HTML:

<div id="wrapper">
<div id="bar1gray">
    <div id="bar1gray_1" class="bar1red"></div>        
</div>
<div id="bar2gray">
    <div id="bar2gray_1" class="bar2red"></div>        
</div>
<div id="bar3gray">
    <div id="bar3gray_1" class="bar3red"></div>        
</div>

tks！；）

请试试这个：

这在所有浏览器中都适用吗

您必须从类中删除以下行。bar2red：

animation-delay:1.5s;

---

希望能有帮助。

tks，伙计！你是个救生员。。。我没注意到我忘了那边的那句台词！；）@加布里埃尔·契瓦利埃，谢谢。如果有效，请标记为答案！！

animation-delay:1.5s;