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

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