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.

The perspective-origin and perspective properties are attached to the parent of a child transformed in 3-dimensional space, unlike the perspective() transform function which is placed on the element being transformed.

Values: x-position Indicates the position of the abscissa of the vanishing point. It can have one of the following values: <length-percentage> 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.

Syntax example: perspective-origin: x-position;