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

标签 css

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

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

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

最佳答案

请引用下图:

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

关于css - 用 css 2d 矩阵移动东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30183010/

相关文章:

html - 导航栏上的内容问题 - Bootstrap

html - Go 服务器不断提供过时的文件

CSS3 漩涡渐变

css - 为什么导航链接中的文本没有出现?

标题适合图像的 Javascript 幻灯片

html - 如何将字幕文本左对齐

jquery - 触发 mousedown 并在事件中包含 e.which

java - Oracle 教程 "Fancy Forms with JavaFX CSS"不起作用?

javascript - ionic 3 条件下的颜色变化

Safari 上的 Css 列数错误