CSS3提供了豐富的變換效果，包括位移變換。位移變換可以讓元素在二維平面上移動到指定位置，它可以通過以下幾個屬性來實現：

transform: translateX(50px); /* 沿X軸方向平移50像素 */
transform: translateY(50px); /* 沿Y軸方向平移50像素 */
transform: translate(50px, 50px); /* 沿X軸方向平移50像素，沿Y軸方向平移50像素 */

其中，translateX()和translateY()用于沿X軸或者Y軸方向平移；而translate()可以同時指定X軸和Y軸的平移距離。

此外，還可以結合transition屬性實現平滑的過渡效果：

.box {
transition: transform .3s ease-in-out;
}
.box:hover {
transform: translateX(50px);
}

上面的代碼實現了鼠標移到.box元素上時，它沿X軸方向平移50像素的效果。其中，transition屬性設置了過渡效果，并指定了過渡時間和過渡速度；而:hover偽類則是當鼠標懸浮在元素上時觸發的效果。