使用css3转换和平移的绝对移动

使用css3转换和平移的绝对移动,css,transform,transitions,Css,Transform,Transitions,我知道,当你设置一个新的css转换时,你需要转换到你想要移动的像素,例如:50px,60px。 这是相对于这些像素的相对运动: 两个分区保持在一起 有没有一种方法可以绝对地移动?例如,您可以说“移动到30px 50px”,并有两个元素重叠 谢谢你提供的信息:)好的,我正在添加另一个答案,因为问题发生了变化 我还是不确定你想达到什么目的。如果您只希望第一个div移动并与第二个div重叠,为什么还要设置第二个div的动画?或者,如果您希望两者都移动,只需再移动第一个,为什么要给它相同的transla

我知道,当你设置一个新的css转换时,你需要转换到你想要移动的像素,例如:
50px,60px
。 这是相对于这些像素的相对运动: 两个分区保持在一起

有没有一种方法可以绝对地移动?例如,您可以说“移动到30px 50px”,并有两个元素重叠


谢谢你提供的信息:)

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

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


而且,我不明白为什么要为此进行转换。如果您只需要
translate()
而不需要其他转换,那么绝对或相对定位可能同样适用于您(并且具有更好的浏览器支持)

好的,我添加了另一个答案,因为问题发生了变化

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


而且,我不明白为什么要为此进行转换。如果您只需要
translate()
而不需要其他转换,那么绝对或相对定位可能同样适用于您(并且具有更好的浏览器支持)

想象一下一个页面上有100个元素;内联块,并希望它们都指向相同的坐标。手工操作需要几个小时。我不认为用纯CSS就可以做到这一点。最好的办法是在通过JS转换之前将它们的位置设置为绝对位置,然后将它们移动到末尾(让CSS转换处理中间的步骤);内联块,并希望它们都指向相同的坐标。手工操作需要几个小时。我不认为用纯CSS就可以做到这一点。最好的办法是在通过JS转换之前将它们的位置设置为绝对位置,然后将它们移动到末尾(让CSS转换处理中间的步骤)。