#### **位移 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> }