CSS3转换:如何撤销转换操作

CSS3 transforms: how to undo a transform operation?

本文关键字：转换 操作 何撤销 CSS3      更新时间：2023-09-26

我想对<div>应用平移变换，然后能够将<div>返回到其原始位置。

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

  • 应用翻译:-webkit-transform: translate(300px, 400px);

  • 不工作的"撤销"效果:-webkit-transform: translate(-300px, -400px);

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

我不认为您可以将相同转换函数的多个实例应用于元素。我认为第二个-webkit-transform:translate();语句取代了第一个，而不是在的基础上作用。

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

  • http://jsfiddle.net/pRdTE/

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

相关文章：