首页 > Web开发 > 详细

css3 3D转换 基础语法

时间:2020-05-13 16:12:48      阅读:50      评论:0      收藏:0      [点我收藏+]

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正值上负值下

 

css3 3D转换 基础语法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!