Home Menu

translate

The translate CSS 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)

JesusBible
HTMLCSSJSPHPSVGMore
AboutTerms