我最喜欢用的css3之2D转换之translate用法

CSS3 2D 转换

div
{
transform: rotate(30deg);
-ms-transform: rotate(30deg);		/* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -o-transform: rotate(30deg); /* Opera */ -moz-transform: rotate(30deg); /* Firefox */ }

translate() 方法

通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数：

实例 

div     
{
transform: translate(50px,100px);
-ms-transform: translate(50px,100px);		/* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari and Chrome */ -o-transform: translate(50px,100px); /* Opera */ -moz-transform: translate(50px,100px); /* Firefox */

直接复制到编辑器就可以出来效果