用css 2d矩阵移动东西

时间:2015-05-12 06:06:04

标签: css css3

虽然W3Schools提供了很多关于CSS3的信息,但我没有找到关于2D变换矩阵中的内容的大量信息。

请提供六个参数中每个参数的信息。

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

1 个答案:

答案 0 :(得分: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/

enter image description here