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)。
下面这些网站能够在线演示一些矩阵效果,并且生成好相应的代码,方便我们快速拿来使用。
← CSS Houdini OOCSS →