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

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参数值在各个浏览器下有差异:
    • firefoxtx, ty除了0值之外必须只用长度单位值(“px”,“em”等)或者使用百分数
    • webkit和operatx, ty的值部门加单位或者百分数,他们就是一个数值,默认单位是px;
  • IE有对应的滤镜: filter: progid:DXImageTransform.Microsoft.Matrix ,本例中可以设置M11,M12,M21,M22这四个值在ie下的效果

Transform ?Matrix(矩阵变形)演示地址:https://www.html.cn/tool/css3Preview/Transform-Matrix.html

赞(0) 打赏
未经允许不得转载:WEB前端开发 » Transform Matrix(矩阵变形)-Css3演示

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    我是沙发啊?学习了!—前端开发

    mon前端9年前 (2010-03-20)回复
  2. #-48

    这些属性加上干嘛。。。。
    非要把CSS弄成Photoshop!?

    Robin9年前 (2010-03-22)回复
  3. #-47

    测试一下!

    9年前 (2010-03-23)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏