CSS3中的矩阵变形可以让我们更灵活地控制元素的变形效果,下面就来看一些具体的实例。
.transform { transform: matrix(1.0,0.5,-0.5,1.0,0); }
上面这段代码可以让元素做一个45度的倾斜变形。
.transform { transform: matrix3d(1,1,1); }
这段代码则可以让元素做一个沿着Z轴移动的3D效果。
.transform { transform: perspective(500px) rotateY(45deg); }
这段代码则可以让元素从正面旋转到侧面,产生出3D的效果。
CSS3矩阵变形可以方便我们做出更多更复杂的效果,只要灵活运用就能让元素呈现出更加生动的外观。