css中translate函数的用法

1、translate允许单独声明平移变换，并独立于transform属性。

2、这在一些典型的用户界面上更好用，而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。

实例

.wrapper{
width:200px;
height:200px;
border:2pxdottedred;
margin:20pxauto;
}
.wrapperdiv{
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教程