Menu Samaritan's Purse

TRANSLATE

The translate property accepts 1-3 values, each specifying a translation against one axis, in the order X, Y, and Z.

SYNTAX

CSS

translate: value;

JS

object.style.translate = "value";

VALUES

<'translate'> = none | <length-percentage> [ <length-percentage> <length>? ]?
none

No translation.

<length-percentage> = [ <length> | <percentage> ]
<length>

Specifies the length using a number followed by a unit of measurement.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

<length>

Specifies the length using a number followed by a unit of measurement.

INITIAL

none

EXAMPLES

LENGTH

NONE

PERCENTAGE

JS

INTERNAL

backface-visibility

perspective

perspective-origin

rotate

scale

transform

transform-box

transform-origin

transform-style

EXTERNAL

World Wide Web Consortium (W3C)