Fatal编程技术网
  • javascript/
  • Javascript CSS3转换：如何撤消转换操作？

Javascript CSS3转换：如何撤消转换操作？

javascript animation css

Javascript CSS3转换：如何撤消转换操作？,javascript,animation,css,css-transforms,Javascript,Animation,Css,Css Transforms,我想对应用翻译转换，然后能够将返回到其原始位置 使用否定值应用相同的操作不会将DIV返回到屏幕中的原始位置： 应用翻译：-webkit转换：翻译（300px，400px） 无效的“撤消”效果：-webkit转换：translate（-300px，-400px） 我想控制撤消级别，因此重置转换不是一个选项。在应用转换之前，您可以保存-webkit transform的当前值。撤消时，只需恢复保存的值。我认为您不能将同一变换函数的多个实例应用于一个元素。我认为第二个-webkit转换：trans

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

使用否定值应用相同的操作不会将DIV返回到屏幕中的原始位置：

  • 应用翻译：
    -webkit转换：翻译（300px，400px）
  • 无效的“撤消”效果：
    -webkit转换：translate（-300px，-400px）
我想控制撤消级别，因此重置转换不是一个选项。

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

我认为您不能将同一变换函数的多个实例应用于一个元素。我认为第二个
-webkit转换：translate（）语句替换第一个语句，而不是对其进行附加操作


-webkit转换：翻译（0,0）应将元素返回到其原始（翻译前）位置。见：


    

  • 

准确地说，你不会期望规则
字体大小：12px
和另一个
字体大小规则：16px生成28像素高的字母。-webkit转换：翻译（0,0）；做了这个把戏，非常感谢！好主意-如果您想对一个元素应用多个可撤消的转换，您需要这样做。