Skip to content

matrix() ​

描述 ​

matrix() CSS 函数可与 CSS 转换一起使用,以在二维空间中设置样式元素。

语法 ​

css
transform: matrix(<number> [, <number>]{5, 5}) matrix(a, b, c, d, e, f);

值 ​

  • <number> Matrix() 函数接受六个数值 a-f。以下是他们所代表的内容:
    • a & d - 参数 a 和 d 分别表示元素在 x 和 y 方向上的缩放方式(就像在 scale(a, d) 中一样)。
    • b & c - 参数 b 和 c 表示元素如何倾斜(就像 skew(b, c) 中一样)。
    • e & f - 参数 e 和 f 分别表示元素如何在 x 和 y 方向上平移(就像在 translate(e, f) 中一样)。

效果展示 ​