Html 关键帧不在Chrome上工作

我有一个非常简单的代码来模拟字幕。除了Chrome之外，它在所有浏览器上都能工作。 我已经试过了-webkit-但仍然没有运气，而让我疯狂的是，当我在这里尝试它时，它就像Chrome上的一个符咒。 你能告诉我我做错了什么吗

HTML

---

在这种情况下，有必要使用-webkit

这意味着对于

-webkit动画

，

@-webkit关键帧

，以及

webkit动画播放状态

请参阅以下JSFIDLE：

---

很抱歉我之前的评论，下次我将阅读整个问题。您的实际站点上有哪些内容不在JSFIDLE中？当你说它在我们可以验证的地方起作用，但在我们看不见的地方不起作用时，很难回答一个问题。我在我的网站上使用的代码和在JSFIDLE上使用的代码没有区别。您可以复制我粘贴在任何空html文件上的代码，您将看到我的意思。40.0.2214.91 m。更新是在这里控制工作，否则我会跳到你的版本绝对确认。但是你的JSFIDLE的工作原理和你说的一样。如果我回答了你的问题，请在我的帖子上打一个复选标记。谢谢

<div class="marquee">  the brown fox jumped over the lazy dog </div>

   /* Make it a marquee */
.marquee {

    width:100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

.marquee:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}