Skip to main content

Translate

Transforms

Utilities for translating elements with transform.

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