CSS translate3d()函數(shù)是CSS3中的一個(gè)變形函數(shù)，用于在三維空間中對(duì)元素進(jìn)行平移。 語(yǔ)法： translate3d(tx, ty, tz)
參數(shù)說明： tx：表示元素在X軸上平移的距離，可以為正數(shù)、負(fù)數(shù)或百分比。 ty：表示元素在Y軸上平移的距離，可以為正數(shù)、負(fù)數(shù)或百分比。 tz：表示元素在Z軸上平移的距離，可以為正數(shù)、負(fù)數(shù)或百分比。
實(shí)例： 假設(shè)有一個(gè)div元素，樣式如下：
/* CSS代碼 */ #translate3d-example { width: 200px; height: 200px; background-color: red; transform: translate3d(50px, 50px, 0px); }
解釋： 上述代碼中，div元素的寬度和高度都為200px，背景顏色為紅色。transform屬性使用了translate3d()函數(shù)，將元素在X軸上平移了50px，在Y軸上平移了50px，在Z軸上平移了0px。
效果：
上述代碼的效果是將div元素向右下方平移50px，即div元素的左上角與原位置相比，向右下方移動(dòng)了50px。
注意事項(xiàng)：
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
