门户做网站,四川林峰脉建设工程有限公司网站,网站开发报价文件,网站不要了该如何处理1#xff0c;3D的特点#xff1a;
近小远大
物体后面遮挡不可见
2#xff0c;3D移动 translate3d
3D移动在2D移动的基础上多加了一个可以移动的方向#xff0c;就是z轴方向 transform#xff1a;translateX#xff08;100px#xff09;#xff1a;仅仅是在x轴上移动…13D的特点
近小远大
物体后面遮挡不可见
23D移动 translate3d
3D移动在2D移动的基础上多加了一个可以移动的方向就是z轴方向 transformtranslateX100px仅仅是在x轴上移动 transformtranslateY100px仅仅是在Y轴上移动 transformtranslateZ100px仅仅是在Z轴上移动注意translateZ一般用px单位有了透视就能看到translateZ引起的变化了 transformtranslate3dxyz 3透视 perspective 43D旋转 rotate3d
3D旋转指可以让元素在三维平面内沿着x轴、y轴、z轴或者自定义轴进行旋转 transformrotateX45deg沿着x轴正方向旋转45度 transformrotateY45deg沿着y轴正方向旋转45度 transformrotateZ45deg沿着z轴正方向旋转45度 transformrotate3dxyzdeg沿着自定义轴旋转 x y z是表示旋转轴的矢量
transformrotate3d(1,1,45deg) 沿着独角线旋转45deg 53D呈现 transform-style重要
控制子元素是否开启三维立体环境 transform-styleflat 默认的不开启 transform-stylepreserve-3d 子元素开启立体空间 代码写给父级但是影响的是子盒子
