A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 热心人士 初级黑马   /  2019-4-10 19:24  /  864 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

3d转换
        1)三维坐标系
                x轴
                y轴
                z轴:垂直屏幕的方向,到眼睛这个方向是正值。
        2)透视(视距)perspective
                作用:好比,进入3d电影放映大厅,带上3d眼镜,坐到合适的位置(第1排还是最后1排)。
                注意:
                        1)如果不设置透视,不能开启3d空间。
                        2)透视的值是px。
                        3)透视属性加给,被观察元素的父级元素。
        3)3d位移
                translateX()
                translateY()
                translateZ(),往外面是正值。
        4)3d旋转
                沿着x轴旋转:【耍单杠】,transform:rotateX(度数);
                        1)确定x轴的位置
                        2)确定旋转的方向(正值角度的方向、负值角度的方向)--左手准则
                沿着y轴旋转:【钢管舞】,transform:rotateY(度数);
                        1)确定y轴的位置
                        2)确定旋转的方向(正值角度的方向、负值角度的方向)
                沿着z轴旋转:【抽奖转盘】
        5)3d呈现【******】transform-style:preserve-3d;
                作用:让子元素保持3d效果。
                用法:加给父元素。
               

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马