日志标签：Matrix

Transform Matrix(矩阵变形)-Css3演示

时间：2010年03月13日作者：愚人码头查看次数:5,305 views评论次数：3

transform: matrix矩阵变形的几点说明：
  • 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下的效果

Transform  Matrix(矩阵变形)演示地址：http://www.css88.com/tool/css3Preview/Transform-Matrix.html

标签：,,,,分类：html+css
Page 1 of 11