CSS translate()方法，移动元素

translate()方法

CSS中，translate()是transform（2D转换）中的一种方法，可以用于基于元素的当前位置移动元素。比如，当鼠标悬放在下方skyblue的方形之上，该方形将会像右移动一些位置：

element{transform:translate(x,y)}

提示：x,y是基于元素当前位置（0,0）的坐标，比如上方示例中skyblue方形的向右移动的话就可以将x和y设置成(60px,0)

下方实例，将orange方形向右下角移动（60px,60px）：

<div id='d2'>鼠标悬停试一试</div>

<style>
  #d2{width:60px;height:60px;background-color:orange;}
  #d2:hover{transform:translate(60px,60px)}
</style>

hot：热门