3D转换

我们生活的环境是3D的,照片就是3D物体在2D平面呈现的例子。

特点

  1. 近大远小
  2. 物体后面遮挡不可见

当我们在网页上构建3D效果的时候参考这些特点就能产生3D效果。3D为三维坐标系!

三维坐标系

三维坐标指的是立体空间,立体空间是由3个轴共同组成的!

  • x轴:水平向右 注意:x右边为正值,左边为负值
  • y轴:垂直向下 注意:y下面为正值,上面为负值
  • z轴:垂直屏幕 注意:往外为正值,往里为负值

3D转换常用的为3D位移和3D旋转!

  • 3D位移:translate(x,y,z)
  • 3D旋转:rotate(x,y,z)
  • 透视:perspective
  • 3D呈现:transform-style

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

邮箱地址不会被公开。

评论列表(1条)

  • VALDERRAMA1950
    VALDERRAMA1950 2021年1月3日 上午8:38

    Thank you!!1

微信