多次转换

Created: November-22, 2018

可以将多个转换应用于一个属性中的元素，如下所示：

transform: rotate(15deg) translateX(200px);

这会将元素顺时针旋转 15 度，然后将其向右平移 200px。

在链式变换中，坐标系随元素移动。这意味着平移不是水平的，而是在轴上顺时针旋转 15 度，如下图所示：

更改变换的顺序将改变输出。第一个例子将与之不同

transform: translateX(200px) rotate(15deg);

<div class="transform"></div>

.transform {
  transform: rotate(15deg) translateX(200px);
}

如此图所示：