问答详情
源自:8-5 CSS3中的变形--矩阵 matrix()

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

.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);

}


提问者:慕斯3035540 2016-08-13 08:08

个回答

  • 慕粉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方向就是上下