博客首页CSS2-3分类

CSS3之translate3d使用简介

发布时间:2016-08-16 15:39:54编辑:Mr.Co阅读(491)

CSS2-3

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

最新评论(0)

    我要评论

    *
    *
    *
    *
    *
    验证码