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 .