css - 用 css 2d 矩阵移动东西

Question

虽然 W3Schools 提供了很多关于 CSS3 的信息，但我没有找到太多关于 2D 变换矩阵中什么位置的信息。

请提供有关六个参数中每个参数的作用的信息。

div {
    transform: matrix(1, -0.3, 0, 1, 0, 0);
}

Answer 1

请引用下图:

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

a: x scale
c: x skew
b: y skrew
d: y scale
tx: x transition (position)
ty: y transition (position)

以下链接中的非常有趣的文档:

https://dev.opera.com/articles/understanding-the-css-transforms-matrix/

http://www.senocular.com/flash/tutorials/transformmatrix/