CSS3 Examples

We can translate the position of an element on the X-axis, the Y-axis, or both. These four divs are set to display absolutely with top=0, left=0. Without translating them, they would overlap each other

0,0
X=0px

Y=0px
X=700px

Y=0px
X=0px

Y=400px
X=700px

Y=400px