Translate

Generate CSS translation transforms

The translate() CSS function repositions an element in the horizontal and/or vertical directions. Its result is a <transform-function> data type.

Option

Preview

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos natus sed vel error distinctio nemo explicabo perferendis, voluptates ipsa consequatur deleniti debitis. Itaque vitae expedita consequuntur recusandae delectus, voluptatum id.

Code

transform: translate(1px, 1px);

More browser-based utilities in this collection

View all CSS Styling & Layout Generators tools→