css3 3D转换 基础语法

transform  向元素定义2D或者3D的转换

transform-style:preserve-3d   保留元素的3D转换 当我们进行旋转  一定要使用此属性

translate3D(x,y,z)单位px 定义3D转换  可以是负值

translateX(px)沿着x轴3d转换  左到右 可以是负值

tanaslateY (px) 沿着上到下  可以是负值 

translateZ(px)向前移动 当值越大 我们眼睛所看到的就越大 反正越小我们所看到的就越小

rotazeX,Y,Z(deg)当值为X的时候它会翻转 上到下  Y为左到右  Z为翻滚

backface-visibili: visible 默认透明   hidden不可见元素   当元素重合 我们是否能看见背面的元素

perspective:规定元素的300透明 值越大离我们就越进 这个元素必须写在父元素且父元素没有任何3D效果  

 perspective-origin:默认为50%,50%  第一个值为x正左负右 第二个值为y正值上负值下

原文地址:https://www.cnblogs.com/ckxbk/p/12882151.html