css transform matrix3d各个数字表示什么意思
原创
©著作权归作者所有:来自51CTO博客作者十月ooOO的原创作品,请联系作者获取转载授权,否则将追究法律责任
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