6-3三维变形

二维平移矩阵


transform: translate(100px,50px);

transform: matrix(1,0,0,1,100,50);通过矩阵达到同样效果

三维缩放矩阵


transform: scale3D(0.8,0.5,1);

transform: matrix(
1.0606,1.0606,-1.0606,1.0606,0,1);这个矩阵是角度矩阵和缩放矩阵相乘得到的，具体计算过程此处省略，可参考书中723页。

综合变形矩阵


transform: rotate(45deg)
scale(1.5);

transform: matrix3d(0.8,0,0,
0,0,0.5,0,0,0,0,1,0,0,0,0,1);旋转45°，再放大1.5倍