I know that when you set a new css translate you need to the pixels you want to move, ex: 50px,60px.
So that is a relative movement to those pixels: http://jsfiddle.net/8CECx/
The div’s remain next to each-other
Is there a way to move absolutly? For example you can say “move to 30px 50px” and have 2 elements overlap?
Thanks for the info 🙂
Ok, I’m adding another answer, since the question changed.
I’m still not sure what you’re trying to achieve. If you just want the 1st div to move and overlap the 2nd, why animate the 2nd as well? Or if you want both to move, just the 1st one more, why give it the same translateX value?
Also, I don’t see why you need transforms at all for this. If you just need
translate()and no other transform, chances are absolute or relative positioning probably works for you just as well (and has much better browser support)