css的变换矩阵(transform matrix)和缩放、倾斜、平移(transform scale, skew, translate)是否等同?根据这个答案,css变换矩阵值等同于旋转、倾斜和缩放函数,然而这篇文章则表明更为复杂...
matrix(a, b, c, d, e, f)
参数a和d用于缩放元素,与scale(a,d)方法相同。
参数b和c用于倾斜元素,与skew(b,c)方法相同。
参数e和f用于平移元素,与translate(e,f)方法相同。
变换矩阵真的那么简单吗?
因此以下这两个转换是相同的:
.scale-in {
transform: scale(3,3) translate(200px, 200px);
}
.scale-in-matrix {
transform: matrix(3, 0, 0, 3, 200, 200);
}