Html CSS@关键帧在Chrome中不起作用

我正在试验CSS3@keyframes动画，但我没有在Chrome中成功（目前我有chrome38）

代码非常简单：

HTML

<div id="block">moving text</div>

下面是一个具有相同代码的示例

对我来说，Chrome38中的文本并没有移动，但它在Firefox30和IE11上非常有效

---

我曾尝试使用

@-webkit keyframes

，但文本在Chrome中也不会移动。

您需要在样式属性和keyframes函数上使用供应商前缀

---

@-webkit关键帧mymove/*它可以与
-webkit关键帧
和
-webkit动画
配合使用。检查。
@keyframes mymove
{
    0%   {top:0px;}
    25%  {top:200px;}
    50%  {top:100px;}
    75%  {top:200px;}
    100% {top:0px;}
}

#block {
    position:absolute;
    animation: mymove 2s infinite;
}

@-webkit-keyframes mymove /* <--- here */
{
    0%   {top:0px;}
    25%  {top:200px;}
    50%  {top:100px;}
    75%  {top:200px;}
    100% {top:0px;}
}

#block {
    position:absolute;
    -webkit-animation: mymove 2s infinite;/* <--- and here */
}