translate是css3的一个新的css属性；translate属性用于定义元素的2d平移转换，该属性常与transform属性配合使用，transform属性可以向元素应用2d或3d转换，语法为“transform:translate(x轴方向平移距离,y轴方向平移距离)”。
本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。
translate是css3属性
transform属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
translate(x,y) 定义 2D 转换。
语法如下：
立即学习“前端免费学习笔记（深入）”；
transform:translate([, ]);
translate()函数能够移动元素。
取值：
translate(
translateX(
translateY(
translateZ(
示例如下：
translate() 方法
translate() 方法从元素当前位置对其进行移动：
该 div 元素从其当前位置向右移动 50 个像素，并向下移动 100 个像素。
输出结果：
