CSS基础知识12-3D变形

3D变形（transform）
1.3D坐标系（数学坐标系；CSS坐标系–>CSS3中的3D坐标系与上诉的3D坐标系是有一定的区别，相当于绕着X轴旋转了180度。除了X轴，其他两个轴都改变了方向。）
rotateX();rotateY();rotateZ();
透视perspective：可以将2D平面转换成3D效果，近大远小，浏览器透视；perspective，透视一般加在顶层所以一般写在body；属性：视距，设置为父元素，作用于所有3D转换的子元素（所以写在需要透视元素的父元素上）。

    <style>
        body{
   
            /*透视就是能够产生上帝视角，越小效果越明明显*/
            perspective: 600px;
        }
        img{
   
            margin: 100px;
            transition: all 5s linear;
        }
        img:active{
   
            /