translate3d() CSS Function

Description

The translate3d() CSS function is used to move elements in a three-dimensional space.

Syntax

transform: translate3d( tx, ty, tz);

Values

• txHorizontal shift. A positive value shifts to the right, a negative value to the left.
• tyVertical shift. A positive value moves up, a negative value down.
• tzA positive value moves the element towards the viewer, and a negative value farther away.

Example

<img class="translate" src="images/nature.jpg" alt="Nature Image">

.translate {

    transform: perspective(200px) translate3d(40px, 40px, 40px);

}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?