In CSS 3, we can use the transform properties of the translate () method to implement the elements of the translation effect,

The CSS syntax is as follows:

The transform: translateX (x);/* along the X axis translation */
The transform: translateY (y); Along the Y direction translation/* */
The transform: translate (x, y);/* along the X axis and Y axis simultaneous translation */
Description:

Can be seen from the above, there are three translational: translateX (), translateY () and translate (), the parameter x said elements on the x axis movement distance, parameter y indicates that the element in the y direction in mobile distance, both units for px, and percentage of em,

Reference links as follows:
http://www.xinbiancheng.cn/qa/6097a4cf3b6eb91610f1b519.html