google-chrome - Webkit 转换在 Webkit 动画中不起作用

Question

我制作了一个应该旋转 div 的简单动画。

@-webkit-keyframes turn{   
    0% { -webkit-transform:(0deg); }  
    100% { -webkit-transform:(360deg); }
}

然后我将它分配给了 div。

#myDiv
{
    -webkit-animation-name:turn;
    -webkit-animation-duration:4s;
}

动画在 Chrome 上不工作，但是当我在 firefox 上使用相同的动画(添加 -moz-)时一切正常。

这是 Fiddle .

Answer 1

你忘记了转换功能。正确的语法是:

-webkit-transform: rotate(0deg)

我已经更新了你的 demo .