Webkit Transform无法在Webkit动画中工作

时间:2013-02-19 19:03:19

标签: css google-chrome css3 animation webkit

我制作了一个应该旋转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

1 个答案:

答案 0 :(得分:4)

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

-webkit-transform: rotate(0deg)

我已更新您的demo