使用 css3 转换和翻译的绝对运动答案

【问题标题】：absolute movement using css3 transitions and translates使用 css3 转换和翻译的绝对运动
【发布时间】：2011-08-17 22:48:34
【问题描述】：

我知道当你设置一个新的 css 转换时，你需要你想要移动的像素，例如：50px,60px。所以这是对这些像素的相对移动：http://jsfiddle.net/8CECx/ div 彼此相邻

有没有办法绝对移动？例如，您可以说“移动到 30px 50px”并让 2 个元素重叠？

感谢您的信息:)

【问题讨论】：

【解决方案1】：

好的，我正在添加另一个答案，因为问题发生了变化。

我仍然不确定你想要达到什么目的。如果您只想让第一个 div 移动并重叠第二个，为什么还要为第二个设置动画？或者，如果您希望两者都移动，只移动第一个，为什么要给它相同的 translateX 值？

另外，我不明白你为什么需要转换。如果您只需要 translate() 而不需要其他转换，那么绝对或相对定位可能也适合您（并且具有更好的浏览器支持）

【讨论】：

想象一个页面上有 100 个元素；内联块，并希望它们都转到相同的坐标。手工需要几个小时。
我认为没有办法用纯 CSS 做到这一点。您最好的选择是在通过 JS 转换之前将它们的位置设为绝对位置，然后将它们移动到结束位置（让 CSS 转换处理中间的步骤）。