3D的变形属性transform

平面空间:
transform-style:flat

形成3d空间(让父元素形成3d空间、3d舞台):
    transform-style:preserve-3D

3D的功能函数:
    3d-位移
    3d-缩放
    3d-旋转
3d位移:
    transform:translate3d(x,y,z);
    transform:translateZ();
3d旋转:
    rotateZ();
    rotate3d(x,y,z,度数)
        注:x y z 一个矢量值  0 不旋转   1 旋转
        eg:rotate3d(1,1,0,45deg)   等价于  rotateX(45deg) rotateY(45deg)
3d-缩放:
    scaleZ()
    scale3d(x,y,z)
让背面不可见:
    backface-visibility:hidden;
发布了27 篇原创文章 · 获赞 0 · 访问量 384

猜你喜欢

转载自blog.csdn.net/Y_SSM/article/details/105374642