检查器禁用后动画工作

Question

我正在尝试为照片制作动画，使其像在此页面上一样浮动：http://zurb.com/ink/

这是我的div类：

.graph {
    bottom: 0;
    position: absolute;
    width: 30%;
    animation: floating 4s infinite;
    -webkit-animation: floating 4s infinite;
}

这就是div：

<div class="graph">
    <img src="img/graph.png">
</div>

在Chrome上，直到我停止并从检查器中的复选框播放动画时，它才会起作用。但它确实有效！这太令人沮丧......它会是什么？这是Chrome的已知错误吗？为什么Zurb页面上的那个工作正常？ ：/

帮助！

Answer 1

在加载页面后，您需要包含一些javascript来加载动画的css。
为什么呢？因为