translate()

translate() 函数用于定义 2D 平移。

语法

css

translate(<tx> [<ty>?]);

示例

css

/* 水平平移 */
.transform {
  transform: translate(50px);
}

/* 水平和垂直平移 */
.transform {
  transform: translate(50px, 100px);
}

/* 百分比平移 */
.transform {
  transform: translate(50%, 50%);
}

相关资源