当前位置：九州下载 > 建站问答 >

css中translate函数的用法

时间：2023-02-25 12:36编辑：九州下载来源：www.wzjsgs.com

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中rotate函数是什么意思

下一篇 >

css选择器之间的关系