效果预览区
Transform Matrix(矩阵变形)-Css3演示
代码区
说明
Safari 4 
Firefox3.5 
Opera10.5 
Chrome 
Internet Explorer
- Matrix是transform的一个子集，基本语法transform: matrix(a, c, b, d, tx, ty);
- a, c, b, d是一个二维矩阵:
┌ ┐ │ a b │ │ c d │ └ ┘ tx, ty就是就是基于X和Y 坐标重新定位元素。
- tx, ty参数值在各个浏览器下有差异：
- firefox下tx, ty除了0值之外必须只用长度单位值（“px”，“em”等）或者使用百分数
- webkit和opera下tx, ty的值部门加单位或者百分数，他们就是一个数值，默认单位是px；
- IE有对应的滤镜： filter: progid:DXImageTransform.Microsoft.Matrix ,本例中可以设置M11，M12，M21，M22这四个值在ie下的效果