html - 关键帧无法在Chrome上运行

我有这个非常简单的代码来模拟字幕，它可以在除Chrome之外的所有浏览器上运行。
我已经尝试过-webkit-了，但是还是没有运气，而令我发疯的是当我在这里尝试http://jsfiddle.net/XxUXD/2566/时，它在Chrome上就像是一种魅力。
那你能告诉我我做错了什么吗？

的HTML

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

的CSS

   /* 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 }
}

最佳答案

在这种情况下，必须使用-webkit-。

这表示-webkit-animation，@-webkit-keyframes和webkit-animation-play-state。

请参见以下JSFiddle：
http://jsfiddle.net/nd3oebsb/

关于html - 关键帧无法在Chrome上运行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28181428/