关键词
1、perspective 透视
2、perspecitve-origin
3、rotateX rotateY rotate3d
4、scale3d缩放
5 translate3d
6 transform-style
7 backface-visibility
perspective 3d效果需要视点才能显示效果
perspective-origin 透视的点,就好像有一个窗户,你需要找到一点才能看清楚里面的内容。
rotateX rotateY rotate3d



scale3d这个没有什么特别的,只要注意 他在z上面放大的话配合其它的变形效果 会影响视点与视物的距离;
translate3d 这个也没有什么特别 就在三个轴上面移动
transform-style 有二个值 1、flat preserve-3d
flat就是内部没有3D效果
preserve内部展现3D效果
backface-visibility 就是能否看 人后面有没有其它东西 默认是看的到,
练习

网友评论