Transform

Utilities for controlling the transformation of an element.

Class	CSS Output
`transform-none`	`transform: none; }`
`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`	`transform: 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,); }`
`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])) }`

transform-none

transform: none;

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

transform: 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,);

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

MDN ↗