返回介绍

第十一课 transform 3D 转换

发布于 2024-09-07 17:46:30 字数 787 浏览 0 评论 0 收藏 0

  • 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文