translate css

作者：Cold—blooded凉薄发布日期:2026-05-04 浏览:123

/* 示例代码：使用 CSS 实现简单的元素位移效果 */

/* 定义一个类，用于设置元素的初始位置 */
.initial-position {
  position: relative;
  left: 0;
  top: 0;
}

/* 使用 transform 属性中的 translate 函数来移动元素 */
.move-element {
  transform: translate(100px, 50px); /* 向右移动100px，向下移动50px */
}

/* 解释说明：
- `translate(x, y)` 函数用于在二维平面上移动元素。
- `x` 参数控制水平方向的移动，正值向右，负值向左。
- `y` 参数控制垂直方向的移动，正值向下，负值向上。
- `transform` 属性不会影响页面布局，只改变元素的视觉位置。
*/

上一篇：css pointer

下一篇：css :after