css transform matrix3d各个数字表示什么意思

css transform matrix3d各个数字表示什么意思

看 MDN 的说明： https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix

matrix(a, b, c, d, tx, ty) 

是下面样式的简写

matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1) 

matrix(a, b, c, d, tx, ty)
// 对应意思
matrix(scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY())

对于如何使用 Matrix 实现 rotate scale skew 等变换，可以查看文章：

深入理解CSS 中 transform matrix矩阵变换问题

看完感觉 Matrix 不适合我，我还是使用 scale3d rotate3d