transform: matrix(a,b,c,d,e,f)
其中a,d分别控制水平和垂直缩放,b,c,e,f控制了移动、倾斜和旋转等效果,可以通过设置不同的值来实现各种不同的变形效果。
在使用Matrix时,需要注意其变换方式是覆盖式的,即每一次对元素的变换都是在之前变换的基础之上进行的,因此需要注意设置初始状态和各个参数的变化。
另外,Matrix也支持综合变换,即一个元素可以实现多个变换效果的组合,例如:
transform: matrix(a1,b1,c1,d1,e1,f1) rotate(r) scale(s) translate(x,y) skewX(sx) skewY(sy);
通过以上的综合变换,可以实现更加丰富多彩的变换效果。
需要注意的是,在使用Matrix时,由于其参数较多,可以使用辅助工具或网站帮助大家进行设置和调整,例如cssmatirx,transformstudio等工具。