CSS3動畫中一個非常有用的屬性是transform(變形)，其中一個子屬性——trans(平移) 就可以讓元素沿著X軸或Y軸平移一定的距離。

trans屬性可以設置元素的水平或垂直位置。如果我們將元素在X軸上向右移動50像素，代碼如下：

transform: translatex(50px);

同樣，如果我們將元素在Y軸上向下移動50像素，代碼如下：

transform: translatey(50px);

我們也可以同時使用coodinates參數為元素設置平移:

transform: translate(50px, 50px);

需要注意，translate()函數值僅對可定位元素(如已傳遞了 postition 屬性)有用。