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