Html 动画延迟css3属性工作不正常

我已经为我当前正在处理的页面上的一些元素设置了动画，并为其指定了动画延迟，以便稍后可以显示。在chrome中，一切正常，它得到指定的值1s。但在所有其他浏览器中，它会被延迟2.5到3秒。我怎样才能解决这个问题

下面是一个简化的提琴：

附言>

我已经读过MDN的帖子，说它是一个实验性的东西，但是仍然有解决这个问题的方法吗

---

这5秒来自

.fadeIn

，它只影响Chrome和Safari以外的其他浏览器，因为您没有为-webkit指定延迟-

因此，如果Chrome上发生的事情是您想要的，只需删除

动画延迟：5s

.delayed {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}