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-）时，一切正常。

这是小提琴。

Answer 1

您忘记了转换功能。正确的语法是：

-webkit-transform: rotate(0deg)

我已经更新了你的演示。