perspective-origin

The perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property.

Initial value 50% 50%
Applies to transformable elements

Syntax

  
perspective-origin: bottom right;
  

Values

Indicates the position of the abscissa of the vanishing point. It can have one of the following values: indicating the position as an absolute length value or relative to the width of the element. The value may be negative. left, a keyword being a shortcut for the 0 length value. center, a keyword being a shortcut for the 50% percentage value. right, a keyword being a shortcut for the 100% percentage value.
Indicates the position of the ordinate of the vanishing point. It can have one of the following values: indicating the position as an absolute length value or relative to the height of the element. The value may be negative. top, a keyword being a shortcut for the 0 length value. center, a keyword being a shortcut for the 50% percentage value. bottom, a keyword being a shortcut for the 100% percentage value.

Browser support

perspective-originchrome36edge12firefox16ie10opera23safari9
three_value_syntaxchrome36edge12firefox16ie10opera15safari9

We use cookies to improve your experience. Learn more in our Privacy policy.

×