CSS3中，我們可以使用transform屬性來實現元素在XY軸上的移動。其中，對于X軸的移動，我們可以使用translateX()函數；對于Y軸的移動，我們可以使用translateY()函數。

/* X軸移動 */
div{
transform: translateX(50px); /* 元素向右移動50px */
transform: translateX(-50px); /* 元素向左移動50px */
}
/* Y軸移動 */
div{
transform: translateY(50px); /* 元素向下移動50px */
transform: translateY(-50px); /* 元素向上移動50px */
}

需要注意的是，我們使用translate()函數時，單位必須要寫，像素單位使用px即可。

除了單獨的使用translate()函數來移動元素，我們還可以將translate()函數與其他transform屬性一起使用，來實現元素更多的效果。

/* X軸和Y軸同時移動 */
div{
transform: translate(50px, 50px); /* 元素向右下移動50px */
}
/* 元素傾斜 */
div{
transform: skew(30deg, 20deg); /* X軸傾斜30度，Y軸傾斜20度 */
}
/* 元素旋轉 */
div{
transform: rotate(30deg); /* 元素逆時針旋轉30度 */
}

在實際開發中，我們可以結合使用XY軸移動和其他transform屬性，創造出更為豐富的效果。