Transform

Utilities for controlling the transformation of an element.

Class CSS Output
transform-gpu
transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
transform-cpu
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
transform-none
transform: none;
transform
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
skew-[value]
--tw-skew-x: skewX([value]); --tw-skew-y: skewY([value])
-skew-[value]
--tw-skew-x: calc(-1 * skewY([value]))
skew-x-[value]
--tw-skew-x: skewX([value])
-skew-x-[value]
--tw-skew-x: calc(-1 * skewX([value]))
skew-y-[value]
--tw-skew-y: skewY([value])
-skew-y-[value]
--tw-skew-y: calc(-1 * skewY([value]))

Reference

transform MDN ↗