Translate

Transforms

ResponsiveNegative ValuesSizes

Utilities for translating elements with transform.

Class	Properties
ob-translate-x-0	transform: translateX(var(--ob-size-0))
ob-translate-y-0	transform: translateY(var(--ob-size-0))
ob-translate-x-px	transform: translateX(var(--ob-size-px))
ob-translate-y-px	transform: translateY(var(--ob-size-px))
ob-translate-x-0-5	transform: translateX(var(--ob-size-0-5))
ob-translate-y-0-5	transform: translateY(var(--ob-size-0-5))
ob-translate-x-1	transform: translateX(var(--ob-size-1))
ob-translate-y-1	transform: translateY(var(--ob-size-1))
ob-translate-x-1-5	transform: translateX(var(--ob-size-1-5))
ob-translate-y-1-5	transform: translateY(var(--ob-size-1-5))
ob-translate-x-2	transform: translateX(var(--ob-size-2))
ob-translate-y-2	transform: translateY(var(--ob-size-2))
ob-translate-x-2-5	transform: translateX(var(--ob-size-2-5))
ob-translate-y-2-5	transform: translateY(var(--ob-size-2-5))
ob-translate-x-3	transform: translateX(var(--ob-size-3))
ob-translate-y-3	transform: translateY(var(--ob-size-3))
ob-translate-x-3-5	transform: translateX(var(--ob-size-3-5))
ob-translate-y-3-5	transform: translateY(var(--ob-size-3-5))
ob-translate-x-4	transform: translateX(var(--ob-size-4))
ob-translate-y-4	transform: translateY(var(--ob-size-4))
ob-translate-x-5	transform: translateX(var(--ob-size-5))
ob-translate-y-5	transform: translateY(var(--ob-size-5))
ob-translate-x-6	transform: translateX(var(--ob-size-6))
ob-translate-y-6	transform: translateY(var(--ob-size-6))
ob-translate-x-7	transform: translateX(var(--ob-size-7))
ob-translate-y-7	transform: translateY(var(--ob-size-7))
ob-translate-x-8	transform: translateX(var(--ob-size-8))
ob-translate-y-8	transform: translateY(var(--ob-size-8))
ob-translate-x-9	transform: translateX(var(--ob-size-9))
ob-translate-y-9	transform: translateY(var(--ob-size-9))
ob-translate-x-10	transform: translateX(var(--ob-size-10))
ob-translate-y-10	transform: translateY(var(--ob-size-10))
ob-translate-x-11	transform: translateX(var(--ob-size-11))
ob-translate-y-11	transform: translateY(var(--ob-size-11))
ob-translate-x-12	transform: translateX(var(--ob-size-12))
ob-translate-y-12	transform: translateY(var(--ob-size-12))
ob-translate-x-14	transform: translateX(var(--ob-size-14))
ob-translate-y-14	transform: translateY(var(--ob-size-14))
ob-translate-x-16	transform: translateX(var(--ob-size-16))
ob-translate-y-16	transform: translateY(var(--ob-size-16))
ob-translate-x-20	transform: translateX(var(--ob-size-20))
ob-translate-y-20	transform: translateY(var(--ob-size-20))
ob-translate-x-24	transform: translateX(var(--ob-size-24))
ob-translate-y-24	transform: translateY(var(--ob-size-24))
ob-translate-x-28	transform: translateX(var(--ob-size-28))
ob-translate-y-28	transform: translateY(var(--ob-size-28))
ob-translate-x-32	transform: translateX(var(--ob-size-32))
ob-translate-y-32	transform: translateY(var(--ob-size-32))
ob-translate-x-36	transform: translateX(var(--ob-size-36))
ob-translate-y-36	transform: translateY(var(--ob-size-36))
ob-translate-x-40	transform: translateX(var(--ob-size-40))
ob-translate-y-40	transform: translateY(var(--ob-size-40))
ob-translate-x-44	transform: translateX(var(--ob-size-44))
ob-translate-y-44	transform: translateY(var(--ob-size-44))
ob-translate-x-48	transform: translateX(var(--ob-size-48))
ob-translate-y-48	transform: translateY(var(--ob-size-48))
ob-translate-x-52	transform: translateX(var(--ob-size-52))
ob-translate-y-52	transform: translateY(var(--ob-size-52))
ob-translate-x-56	transform: translateX(var(--ob-size-56))
ob-translate-y-56	transform: translateY(var(--ob-size-56))
ob-translate-x-60	transform: translateX(var(--ob-size-60))
ob-translate-y-60	transform: translateY(var(--ob-size-60))
ob-translate-x-64	transform: translateX(var(--ob-size-64))
ob-translate-y-64	transform: translateY(var(--ob-size-64))
ob-translate-x-72	transform: translateX(var(--ob-size-72))
ob-translate-y-72	transform: translateY(var(--ob-size-72))
ob-translate-x-80	transform: translateX(var(--ob-size-80))
ob-translate-y-80	transform: translateY(var(--ob-size-80))
ob-translate-x-96	transform: translateX(var(--ob-size-96))
ob-translate-y-96	transform: translateY(var(--ob-size-96))