CSS3之translate3d使用简介

translate3d是transform的一个方法属性,它规定了元素3D转换的一种形式。此函数用来规定指定元素在三维空间中的位移。

语法：

transform: translate3d(x,y,z)

1.x:表示在x轴方向的位移。(通俗点说就是像左移动)

2.y:表示在y轴方向的位移。(通俗点说就是像右移动)

3.z:表示在z轴方向的位移。(通俗点说就是将元素比例放大或缩小)

translate3d()函数也可以拆分单独写:

transform:translateX(10px); 
transform:translateY(20px); 
transform:translateZ(30px);

通过这个函数我们可以取代之前的position:absolute; left/right/top/bottom 来控制移动元素。而且还增加缩放功能非常好用!

转载请注明出自：http://www.mrco.cn/article/57b2c34acf6935bd6dd1c0a8.html