CSS中平移效果主要通过transform属性实现。transform属性可以改变元素的形状、大小、位置以及旋转等。transform属性可以使用translate()方法实现平移效果。
transform: translate(x, y);
其中，x代表元素在水平方向的偏移量，y代表元素在垂直方向的偏移量。可以使用正值或负值来指定元素的平移方向，正值表示向右或向下方向平移，负值表示向左或向上方向平移。
例如：
transform: translate(50px, -30px);
上述代码表示元素在水平方向向右平移50px，在垂直方向向上平移30px。
除了使用translate()方法实现平移效果外，还可以使用margin属性实现平移效果。margin属性可以指定元素的四个方向的外边距，从而实现元素的平移效果。
例如：
margin-top: 30px; margin-left: 50px;
上述代码表示元素在垂直方向向下平移30px，在水平方向向右平移50px。
还可以使用position属性实现平移效果。position属性可以指定元素的位置。
例如：
position: absolute; top: 30px; left: 50px;
上述代码表示元素在垂直方向向下平移30px，在水平方向向右平移50px。
本文链接：http://task.lmcjl.com/news/12879.html
