css 动画

transform: rotate(30deg);  //旋转30度     deg是单位

transform: translate(100px,300px);  // x轴平移100px，y轴平移300px

transform: rotate(45deg); /*顺时针旋转45度*/

transform: scale(2);    //放大两倍    scale缩放

transform: scaleY      //Y轴缩放

transform: scaleX      //X轴缩放

transform: skew(30deg,30deg);   //扭曲，倾斜    skew是角度可以分别设置X轴和Y轴

//3D效果

transform:rotateX(30deg) rotateY(50deg) rotateZ(60deg);
          transform-style: preserve-3d;

transform: matrix(2,30,30,2,20,20); //矩阵  第一个参数是宽度的比例    

                                                                    第二个参数是上下倾斜     

                                                                    第三个参数是左右倾斜   

                                                                    第四个参数是高度的比例  

                                                                    第五个参数是X方向的像素位移(左右)    

                                                                    第六个参数是Y轴方向像素的位移(上下)