CSS3 变换：如何撤消变换操作？答案

【问题标题】：CSS3 transforms: how to undo a transform operation?CSS3 变换：如何撤消变换操作？
【发布时间】：2012-01-11 12:50:40
【问题描述】：

我想对<div> 应用翻译转换，然后能够将该<div> 返回到其原始位置。

对取反值应用相同的操作不会将 DIV 返回到屏幕中的原始位置：

我想控制撤消级别，所以重置转换不是一个选项。

【问题讨论】：

【解决方案1】：

在应用转换之前，您可以保存-webkit-transform 的当前值。撤消时只恢复保存的值。

【讨论】：

【解决方案2】：

我认为你不能将同一个变换函数的多个实例应用于一个元素。我认为第二个-webkit-transform:translate(); 声明替换第一个，而不是作为它的补充。

-webkit-transform: translate(0, 0); 应该将元素返回到其原始（翻译前）位置。见：

【讨论】：