Transform utilities allow you to scale, rotate, translate, and skew elements in 2D or 3D space.

Control the scale of an element:

• scale-0, scale-50, scale-75, scale-90, scale-95, scale-100, scale-105, scale-110, scale-125, scale-150
• Axis specific: scale-x-110, scale-y-110

Control the rotation of an element:

• rotate-0, rotate-1, rotate-2, rotate-3, rotate-6, rotate-12, rotate-45, rotate-90, rotate-180
• Negative values: -rotate-45, -rotate-90

Control the translation (movement) of an element:

• translate-x-{size}, translate-y-{size}
• Sizes follow spacing scale (0.5, 1, 2, 4, etc. up to 96)
• Percentages: translate-x-1/2, translate-x-full
• Negative: -translate-x-4

Control the skew (slant) of an element:

• skew-x-0, skew-x-1, skew-x-2, skew-x-3, skew-x-6, skew-x-12
• skew-y-0, skew-y-1, skew-y-2, skew-y-3, skew-y-6, skew-y-12

Control the point around which transforms are applied:

• origin-center (default)
• origin-top, origin-bottom, origin-left, origin-right
• origin-top-left, origin-top-right, origin-bottom-left, origin-bottom-right