使用JavaScript處理css3關鍵幀

@-webkit-keyframes bb{ 
    from{ 
     -webkit-transform:translate(0px,0px); 
    } 
    to{ 
     -webkit-transform:translate(0px,-100px); 
    } 
}

如何使用JavaScript動態更改translate值並添加rotate屬性？使用JavaScript處理css3關鍵幀

來源

2012-03-07 Katti

這聽起來像你想有一個過渡，而不是動畫。無論如何，前者也有更好的支持，所以一定要嘗試。 – Ryan 2012-03-07 19:41:08

不，我正在尋找動畫！ – Katti 2012-03-07 19:52:51

您可以使用一系列過渡動畫。 – toto2 2012-03-07 20:06:15

從閱讀the spec，它看起來就像你不能直接通過簡單地改變一個屬性更改的動畫風格，你必須調用一些規則操作方法，所以我認爲這將是這樣的：

bb.deleteRule(0 | 1); 
bb.insertRule(MyNewRule);

其中，MyNewRule是一個以0或1開頭的字符串，具體取決於您是要更改from還是rule，而其餘的字符串是樣式聲明，顯然您必須首先進行構造。

但我對規範的讀取可能是好或壞的任何其他人的

UPDATE：A MUCH BETTER AND MORE COMPREHENSIVE ANSWER

來源

2012-03-08 02:26:06

使用JavaScript處理css3關鍵幀

回答

相關問題