CSS的translate函数能做什么，有什么好处

在实际应用中，我们有时候会遇到“CSS的translate函数能做什么，有什么好处”这样的问题，我们该怎样来处理呢？下文给大家介绍了解决方法，希望这篇“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);
}

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

到此这篇关于“CSS的translate函数能做什么，有什么好处”的文章就介绍到这了,更多相关内容请搜索博信以前的文章或继续浏览下面的相关文章，希望大家以后多多支持博信！