transform matrix 【css3 动画矩阵】

 

 -webkit-transform:matrix(1.1,0.1,-0.5,1.5,-50,15);-webkit-transform-origin:50% 50%;【正确格式，matrix中不能带单位】

matrix【scaleX:1.1，rotateX:0.1，rotateY：-0.5,scaleY：1.5，transformX:-50px,transformY:15px】

origin:50% 50%;【设置源点位置，没错就是‘源’，旋转点】

scale:缩放，

rotateX：cosα；【Y值的偏移量除以宽度】

【注意：以上是个人理解，如果有误请指正，谢谢！】

附上大神的网址，里边有更详细的介绍。

http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/

http://www.css88.com/tool/css3Preview/Transform-Matrix.html

 

转载于:https://www.cnblogs.com/janty/p/6603847.html