3D转换+关键帧动画
css3 3D转换
CSS 3D转换transform(3D位移、缩放、旋转)
让元素方式3d的变换，同2d变换一样，通过transform来设置
位移：translate3D(x,y,z)
缩放：scale3d(x,y,z) scalez()不能单独使用；
旋转：rotatex(80deg) rotatey(80deg) rotatez(80deg)
它如何工作？
转换是使元素改变形状、尺寸和位置的一种效果。
可以使用 2D 或 3D 转换来转换您的元素。
在咱们的转换概念当中：是没有display这么一说的，
通过改变元素的透明度去实现从无到有
Internet Explorer 10 和 Firefox 支持 3D 转换。
Chrome 和 Safari 需要前缀 -webkit-。
Opera 仍然不支持 3D 转换（它只支持 2D 转换）。
1.观察的场所----3D空间transform-style
transform-style:preserve-3d; 表示所有子元素在3D空间呈现
2.近大远小----景深perspective
元素距离观察点的距离（物体和眼睛的距离越小，
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！