Utilities for translating elements.
Use translate-<number> utilities like translate-2 and -translate-4 to translate an element on both axes based on the spacing scale:
Use translate-<fraction> utilities like translate-1/4 and -translate-full to translate an element on both axes by a percentage of the element's size:
Use translate-x-<number> or translate-x-<fraction> utilities like translate-x-4 and translate-x-1/4 to translate an element on the x-axis:
Use translate-y-<number> or translate-y-<fraction> utilities like translate-y-6 and translate-y-1/3 to translate an element on the y-axis:
Use translate-z-<number> utilities like translate-z-6 and -translate-z-12 to translate an element on the z-axis:
Note that the translate-z-<number> utilities require the transform-3d utility to be applied to the parent element.