#### **位移 translate()函数** **定义：** 可以把元素从原来的位置按照X轴、Y轴进行移动，而不影响在X轴、Y轴上任何组件。其基点默认为元素 中心点，也可以根据transform-origin进行改变基点 **语法：** transform:translate(X，Y)，可以取值说明如下： <div style="margin-left:40px;"> X轴值为{ <div style="margin-left:60px;">为正值时： 元素向X轴右方向移动</div> <div style="margin-left:60px;">为负值时： 元素向X轴左方向移动</div> } Y轴值为{ <div style="margin-left:60px;">为正值时： 元素向Y轴下方向移动</div> <div style="margin-left:60px;">为负值时： 元素向Y轴上方向移动</div> } </div> **展现形式：** A：水平移动：`transform ：translate(X，0)或transform:translateX()`。 B：水平移动：`transform ：translate(0，Y)或transform:translateY()`。 C：对角移动：{ <div style="margin-left:80px;"> ~~~ 右下角移动 transform:translate(X，Y) 右上角移动 transform:translate(X，-Y) 左下角移动 transform:translate(-X，Y) 左上角移动 transform:translate(-X，-Y) ~~~ </div> }