为什么矩阵里面扭曲不起作用??? 矩阵里面扭曲有单位吗???

来源:8-5 CSS3中的变形--矩阵 matrix()

慕斯3035540

2016-08-13 08:08

.wrapper div {

  width:300px;

  height: 200px;

  background: orange;

  -webkit-transform:matrix(0.5,0,0,2,100,100);

  transform: matrix(0.5,30deg,30deg,2,100,100);

}


写回答 关注

1回答

  • 慕粉3592751
    2016-08-13 08:48:28

    .wrapper div {

      width:300px;

      height: 200px;

      background: orange;

      -webkit-transform:matrix(0.5,3,3,2,100,100);

      transform: matrix(0.5,3,3 ,2,100,100);//倾斜设置的是倍数

    }

    6个属性的意思的:第一个宽度比例1就是原大小,第二个是上下倾斜1就是2倍,2就是3倍,第三个是左右倾斜,数字和第二个一样的意思,第四个是高度比例1就是原大小,第五个是X方向的像素位移,X方向就是左右,第六个是Y方向的像素位移,X方向就是上下

    qq_嶸歸_...

    “第二个是上下倾斜1就是2倍,2就是3倍” 说的错的吧

    2018-08-20 22:30:00

    共 5 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题