更改與默認的CSS一邊旋轉按鈕CSS3旋轉Transitiion

Question

的最終行爲我有一個旋轉（360deg）CSS過渡（0deg）。

當應用旋轉（360deg）值的類不再存在時，瀏覽器自動將返回設置爲默認旋轉（0deg）。

與動畫默認情況下，我會順時針方向進行，而最終的行爲是在順時針方向進行到默認的0而不回退（逆時針）。

我可以指定此行爲嗎？

Answer 1

我不認爲你可以呢，不就是我知道的呢。我試圖得到類似的東西。相當肯定jQuery將完成這項工作，我沒有這樣做，但實際上它應該只是像

$("#container").rotate({ 

綁定： { 鼠標懸停：函數（）{$ （本）.rotate（{ animateTo：360}） }，

} 

}）;

編輯對不起，這是一個jQuery插件，不包含在裏面。這裏有一個鏈接http://code.google.com/p/jqueryrotate/wiki/Examples

SECOND EDIT認爲我已經使用關鍵幀解決了它。將這個隨時隨地在你的CSS文件：

@-webkit-keyframes Rotate { 
0% { 
    -webkit-transform:rotate(0deg); 
} 
100% { 
    -webkit-transform:rotate(360deg); 
} } 

那麼把它放進你的懸停動作啄：

.button:hover{ 
-webkit-animation-name: Rotate; 
-webkit-animation-duration: 0.5s; 
-webkit-animation-iteration-count: 1; 
-webkit-animation-timing-function: linear; 
} 

應該做你想要的東西，爲我工作。