CSS的`translate()`函数可以用来移动元素的位置,它接受两个参数,分别表示元素在水平方向和垂直方向上的位移距离。
使用方式如下:
```
selector {
transform: translate(x, y);
}
```
其中,`x`表示元素在水平方向上的位移距离,可以是一个具体的像素值,也可以是一个百分比值。正值表示向右移动,负值表示向左移动。
`y`表示元素在垂直方向上的位移距离,同样可以是一个具体的像素值或百分比值。正值表示向下移动,负值表示向上移动。
示例:
```css
.box {
transform: translate(100px, 50%);
}
```
这个示例将`.box`元素向右移动100像素,并向下移动50%的高度。









