CSS的translate()
函數可以用來移動元素的位置,它接受兩個參數,分別表示元素在水平方向和垂直方向上的位移距離。
使用方式如下:
selector {
transform: translate(x, y);
}
其中,x
表示元素在水平方向上的位移距離,可以是一個具體的像素值,也可以是一個百分比值。正值表示向右移動,負值表示向左移動。
y
表示元素在垂直方向上的位移距離,同樣可以是一個具體的像素值或百分比值。正值表示向下移動,負值表示向上移動。
示例:
.box {
transform: translate(100px, 50%);
}
這個示例將.box
元素向右移動100像素,并向下移動50%的高度。