CSS3 中的矩阵函数包括 matrix() (opens new window)matrix3d() (opens new window),前者是元素 2D 平面的移动变换(transform),后者则是 3D 变换。2D 变换矩阵为 3*3;3D 变换则是 4*4 的矩阵。

理解 CSS3 transform 中的 Matrix (矩阵) (opens new window)这篇文章详细介绍了这两个矩阵方法的具体用法和原理,以及跟 transform 之间的关系。

如果忘了矩阵之间是如何进行计算的,可以看这里 (opens new window)

下面这些网站能够在线演示一些矩阵效果,并且生成好相应的代码,方便我们快速拿来使用。

上次更新时间: 2023年11月30日 00:46:03