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伪类则是当鼠标悬浮在元素上时触发的效果。