如何連續旋轉圖像

Question

我有徽標，我想要在盤旋時不斷旋轉。如何實現這一目標？它只適用於css3還是我們需要javascript幫助？還有一件事，當這些標誌揭露它停止沒有完成輪換。我們如何告訴css完成旋轉，即使標識是隱藏的。

我目前的CSS是：

header .logo:hover img{ 
    -webkit-transition: all 1.2s ease-in; 
    -moz-transition: all 1.2s ease-in; 
    -o-transition: all 1.2s ease-in; 
    -ms-transition: all 1.2s ease-in; 
    -moz-transform: rotateY(720deg); 
    -webkit-transform: rotateY(720deg); 
    transform: rotateY(720deg); 
    filter: progid : DXImageTransform.Microsoft.BasicImage (rotation = 2) 
} 

Answer 1

嘗試用CSS3動畫：

-webkit-animation: slide 10s linear infinite; 
-moz-animation: slide 10s linear infinite; 
-ms-animation: slide 10s linear infinite; 
-o-animation: slide 10s linear infinite; 
animation: slide 10s linear infinite; 

Answer 2

我認爲你需要使用關鍵幀動畫這一點。

演示（WebKit的）：jsFiddle

代碼：

.one:hover { 
    -webkit-animation: all 1.2s linear infinite; 


} 

@-webkit-keyframes all 
{ 

0% {-webkit-transform: rotateY(0deg);} 
100% {-webkit-transform: rotateY(720deg);} 

}