CSS3中提供了一組變形函數，其中包括translate()函數，它可以實現元素的平移效果。下面讓我們一起來學習一下如何使用它。

/* 通過translate()函數實現元素向右平移50px */
.box{
transform: translate(50px, 0);
}

上述代碼中，transform屬性指定了平移函數translate()，其中第一個參數表示水平方向的平移距離，第二個參數表示垂直方向的平移距離（本例中未使用）。該代碼指定元素向右平移50px。

/* 通過translate()函數實現元素向上平移30px */
.box{
transform: translate(0, -30px);
}

上述代碼中，transform屬性同樣指定了平移函數translate()，其中第一個參數表示水平方向的平移距離（本例中未使用），第二個參數表示垂直方向的平移距離。該代碼指定元素向上平移30px。