多次轉換

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);
}

如此圖所示：