2013-02-19 82 views
2

我做了一個簡單的動畫,應該旋轉div。Webkit變換不能用於Webkit動畫

@-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

回答

4

您忘記了轉換功能。正確的語法是:

-webkit-transform: rotate(0deg) 

我已更新您的demo