css 函数：translate

参考：
translate() - CSS：层叠样式表 | MDN

概述

此函数使元素相较于自身的大小，产生水平或是垂直方向的位置偏移。

单值的时候，仅处理水平位移，垂直不偏移：
translate(2) 等价于 translate(2, 0)

变种

• 仅水平方向：translateX()
• 仅垂直方向：translateY()

实例：

/*相较于自身的中心，向左平移自身宽度的一半，向上平移自身高度的一半*/  
transform: translate(-50%,-50%);

Info

此效果不会被子元素继承