css-transform-3d效果学习总结

关键词

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 

rotatex rotatey
rotatez

scale3d这个没有什么特别的，只要注意 他在z上面放大的话配合其它的变形效果  会影响视点与视物的距离;

translate3d 这个也没有什么特别 就在三个轴上面移动

transform-style 有二个值  1、flat  preserve-3d  

flat就是内部没有3D效果

preserve内部展现3D效果

backface-visibility  就是能否看 人后面有没有其它东西 默认是看的到，

练习