CSS3轉換：如何撤消轉換操作？

Question

我想將轉換轉換應用於<div> ，然后能夠將該<div>返回其原始位置。

對負值應用相同的操作不會使DIV返回屏幕的原始位置：

• 應用翻譯： -webkit-transform: translate(300px, 400px);

• “撤消”效果不起作用： -webkit-transform: translate(-300px, -400px);

我想控制撤消級別，因此重置變換不是一種選擇。

Answer 1

我認為您不能將同一轉換函數的多個實例應用於一個元素。 我認為第二個-webkit-transform:translate(); 語句代替第一個，而不是除了它之外還執行其他操作。

-webkit-transform: translate(0, 0); 應該將元素返回到其原始（預翻譯）位置。 看到：

• http://jsfiddle.net/pRdTE/

Answer 2

在應用transform之前，您可以保存-webkit-transform的當前值。 撤消時，只需恢復保存的值即可。