back

Perspective-Origin

This is used to set the origin of the perspective. It defines the position the user is looking at.
You set two values, X and Y, the default value is 50%, 50%.
As with perspective, it is applied to child elements rather than the element itself.
The options are:
(1) Length, allows you to define a fixed length, for example: 20px.
(2) Percentage, allows you to set the value as a percentage.
(3) Keyword, you can set the value as: top, right, bottom, left, or center.
For maximum browser support, you should use the following prefixes:
(1) perspective-origin:
(2) -webkit-perspective-origin:

Example