文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
第十一课 transform 3D 转换
Css3
立体转换transform-style(preserve-3d)
建立3D
空间(指定元素的子元素展示的场景是在 3D 场景还是平面(投影) 场景)Perspective
视角(指定观察者与 z=0 平面的距离,从而让元素及子元素看起来有 3D 透视位置效果 值:集体的带单位数值)Perspective- origin
视角基点- 值:取值类似于变换基准
transform-origin
:坐标轴基点(变换基准)- 值:具体的坐标值/百分比/(
left
/right
/center
/top
/bottom
) 默认center center
- 值:具体的坐标值/百分比/(
- transform 新增函数
rotateX()
rotateY()
rotateZ()
translateZ()
scaleZ()
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论