解锁css3新姿势之transform3D各属性及transform兼容之矩阵写法

闲来无事，整理一下可以打造炫酷网站的一些transform的属性

1. 矩阵transform:matrix()
这个矩阵哥们是有些厉害的，不得不多说两句，这哥们可以同时写上缩放，旋转，拉伸，位移等变形；详细内容见下面
2.transform-style:preserve-3d;创造3D空间
3.transform:rotate;2D旋转；
4.transform:scale(倍数)，缩放函数，取值正数，负数，小数；
5.transform:skew(xdeg,ydeg);拉伸函数或者斜切；
6.transform:translate();位移；
7.transform:可以同时有多种变形的样式混写

矩阵transform:matrix(),可以同时写上缩放，旋转，拉伸，位移等变形；

如果变形不用矩阵来写的话，不兼容ie9以下，js也不会获取到deg度数；

所以用矩阵来用数字值来表达度数，让js动态获取；

transform:matrix(a,b,c,d,e,f);martrix共有6个值；

 初始值是matrix(1,0,0,1,0,0);  

兼容ie9，需要另写声明：

filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=1,SizingMethod='auto expand');

ie矩阵下