動畫旋轉元素開始於不同的旋轉角度

我想創建一個簡單的動畫，一個元素應該做一個完整的繞半徑旋轉（使用變換原點），問題是我希望該元素開始於一個角度。動畫旋轉元素開始於不同的旋轉角度

對於從0deg開始旋轉，我知道我可以做：

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

但我想它開始與一個角度，而這個不起作用：

@keyframes spin { 
    0% { transform: rotate(45deg); } 
    100% { transform: rotate(45deg); } 
}

我理解爲什麼。因爲它的相同點......但在這種情況下，我該如何做一個完整的旋轉？這是它的簡化版本。我與JS混合這沒有問題，使其工作： https://jsfiddle.net/shock/qqdkj7hx/

2017-05-28 Samuel E.

我想你應該360至45：100％{變換：旋轉（ 405deg）; } –

我的意思是把360加到45 –

你說得對，我覺得有點蠢，我浪費的時間比我應該多 –

嘗試以下操作：

@keyframes spin { 
    0% { transform: rotate(45deg); } 
    100% { transform: rotate(405deg); } 
}

2017-05-28 16:23:51 Gerard

回答