CSS 3 3 d转换

3 d转换时,要赋予改变元素的父元素角度属性


角度:m px;//视点和画面的距离,视点的位置默认在父元素的中心


perspective-origin:正确的顶级;//改变视点的位置


transform-orgin:,//,


backface-visibility:隐藏/可见(默认)

========================================================================================

使用变换属性将HTML元素在三维空间内


1。旋转旋转

,,,,rotateX角(度)

,,,,rotateY角(度)

,,,,rotateZ角(度)

,,,,rotate3d (x, y, z,角度)//


2。移动翻译

translateX(长度)

translateY(长度)

translateZ(长度)

translate3d (x, y, z,角度)


3。缩放

scaleX规模(x)

写入scaleY (y)

scaleZ (z)

scale3d (x, y, z)


==================================================================================

传输格式:平//默认,子元素将不保留其3 d位置

preserve-3d;//子元素将保留其3 d位置


CSS 3 3 d转换