CSS3中的位移屬性是指用來調(diào)整HTML元素位置的屬性。它包括了兩個子屬性：左右位移屬性（left）和上下位移屬性（top）。通過修改這兩個屬性的值，我們可以改變頁面元素的位置，以達(dá)到布局調(diào)整的目的。

/* left屬性用來設(shè)置元素的水平位移 */
.example {
position: relative;
left: 50px;
}
/* top屬性用來設(shè)置元素的垂直位移 */
.example {
position: relative;
top: 50px;
}

位移屬性還可以為元素增加動畫效果。比如，我們可以使用CSS3的過渡屬性（transition）來實現(xiàn)平滑的位移動畫。如下所示：

/* 使用過渡屬性來實現(xiàn)位移動畫 */
.example {
position: relative;
left: 0px;
transition: left 1s ease-in-out;
}
.example:hover {
left: 50px;
}

上述代碼中，當(dāng)鼠標(biāo)移動到元素上方時，元素會以1秒的時間平滑地向右移動50像素。這種動畫效果可以大大提升頁面的視覺效果。

最后要提醒大家的是，在使用位移屬性時，一定要注意元素是否具有定位屬性（position）。否則，位移屬性將無法生效。