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