transform

範例（Examples）

硬體加速（Hardware acceleration）

如果你的過渡效果在由 GPU 而非 CPU 渲染時表現更好，你可以透過新增 transform-gpu 通用類別來強制使用硬體加速：

<div class="scale-150 transform-gpu">  <!-- ... --></div>

如果你需要有條件地取消此設定，可以使用 transform-cpu 通用類別強制切回 CPU。

移除變形效果（Removing transforms）

使用 transform-none 通用類別一次移除元素上的所有變形效果：

<div class="skew-y-3 md:transform-none">  <!-- ... --></div>

使用自訂值（Using a custom value）

使用 transform-[<value>] 語法，根據完全自訂的值來設定 transform：

<div class="transform-[matrix(1,2,3,4,5,6)] ...">  <!-- ... --></div>

對於 CSS 變數，你也可以使用 transform-(<custom-property>) 語法：

<div class="transform-(--my-transform) ...">  <!-- ... --></div>

這只是 transform-[var(<custom-property>)] 的簡寫形式，會自動為你加上 var() 函式。