translate()

语法

transform:translate(<translation-value>[, <translation-value>]);
语法项目 说明
初始值 none
适用于 块元素和行内元素
可否继承 否
取值 长度值，可以是正数、负数
媒介 视觉
版本 CSS3.0

说明

translate()函数能够移动元素。

取值

translate(<translation-value>[, <translation-value>]);表示使元素在X轴和Y轴同时移动，<translation-value>表示位移量。包含两个参数，如果省略了第二个参数则第二个参数为0；如果参数为负，则表示往相反的方向移动。

translateX(<translation-value>);表示只在X轴(水平方向)移动元素。

translateY(<translation-value>);表示只在Y轴(垂直方向)移动元素。

translateZ