[TOC] > [MDN 参数](https://developer.mozilla.org/en-US/docs/Web/CSS/translate) ## translate - 一个参数表示想x轴移动 - 两个参数表示向x,轴,y轴移动 - 三个参数表示向 3D x,y,z轴移动(z轴指向屏幕,远近的变换) 语法 ``` /* Keyword values */ translate: none; /* Single values */ translate: 100px; translate: 50%; /* Two values */ translate: 100px 200px; translate: 50% 105px; /* Three values */ translate: 50% 105px 5rem; /* Global values */ translate: inherit; translate: initial; translate: revert; translate: revert-layer; translate: unset; ```