如何使用CSS3使盒子进行平移

在CSS2中，我们只能实现简单的hover效果进行展示，想让盒子进行动态效果的体现就需要使用js才可以进行实现，但js所需要的代码又过于复杂，那么在CSS3中我们引入了transform属性。

今天我们讲一下transform中的平移方法

translate()

translate(x,y) 中有两个参数，分别为x，y，对应着目标元素所移动的方向，值可以使用px像素值来进行设置。

translate(x,y);
translate(50px,50px);

如果我们参数只填写一个值，那么目标元素只会进行X轴的移动

translate(50px);

x：向右为正+，向左为-

y：向下为正+，向上为-

可以根据需要来设置自己所需要的值。