translate property

[Some information relates to pre-released product which may be substantially modified before it's commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.]

An individual transform property that specifies 1-3 axis translation values, in the order X, Y, and Z. Unspecified values default to 0px.

This property is read/write.

Syntax

translate: none | <length-percentage>

Property values

none

No translation

<length-percentage>

A length or percentage value.

CSS information

Applies Toblock-level and inline-level elements
Mediavisual
Inheritedno
Initial Valuenone

Examples


div {
   translate: 25% 10% 0%;
}

See also

transform

 

 

Show: