css translate属性怎么使用

css

1524

2023/8/1 21:25:01

栏目: 编程语言

CSS的translate()函数可以用来移动元素的位置，它接受两个参数，分别表示元素在水平方向和垂直方向上的位移距离。

使用方式如下：

selector {
transform: translate(x, y);
}

其中，x表示元素在水平方向上的位移距离，可以是一个具体的像素值，也可以是一个百分比值。正值表示向右移动，负值表示向左移动。

y表示元素在垂直方向上的位移距离，同样可以是一个具体的像素值或百分比值。正值表示向下移动，负值表示向上移动。

示例：

.box {
transform: translate(100px, 50%);
}

这个示例将.box元素向右移动100像素，并向下移动50%的高度。

最新知识库