在显示元素时启动CSS动画

Question

我正在尝试使用CSS动画和关键帧动画显示一些元素：

-webkit-animation: stamp 600ms ease-in-out 1;
   -moz-animation: stamp 600ms ease-in-out 1;
        animation: stamp 600ms ease-in-out 1;  

如果我通过display切换可见性：block / none;动画从一开始就很好地在Chrome和现代IE中播放，但在Firefox中没有（在Safari中没有测试）。

我有没有办法在Firefox中实现这一点？

Here is a fiddle我创建了测试。

Answer 1

在.hidden之后移动.badge并移除动画：

.hidden {
    animation: none;
    display: none;
}

Updated fiddle