css3矩阵变形实例

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矩阵变形可以方便我们做出更多更复杂的效果，只要灵活运用就能让元素呈现出更加生动的外观。