1、translate允许单独声明平移变换，并独立于transform属性。
2、这在一些典型的用户界面上更好用，而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。
实例
.wrapper {
width: 200px;
height: 200px;
border: 2px dotted red;
margin: 20px auto;
}
.wrapper div {
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
background: orange;
color: #fff;
-webkit-transform: translate(50px,100px);
-moz-transform:translate(50px,100px);
transform: translate(50px,100px);
}
以上就是css中translate函数的用法，希望对大家有所帮助。更多css学习指路：css教程
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
