perspective-origin - CSS 3

The perspective-origin property defines where a 3D element is based in the x- 
and the y-axis. This property allows you to change the bottom position of 3D 
elements.When defining the perspective-origin property for an element, it is the CHILD elements 
that are positioned, NOT the element itself.Note: This property must be used together with the 
perspective property, and only affects 3D 
transformed elements!To better understand the perspective-origin property,
view a demo.

Syntax

perspective-origin: x-axis y-axis|initial|inherit;

Example

div
	{
	   
	-webkit-perspective: 150px; /* Chrome, Safari, Opera */
	   
	-webkit-perspective-origin: 10% 10%; /* Chrome, Safari, Opera */
	   
	perspective: 150px;
	   
	perspective-origin: 10% 10%;
	}

Output / Return Value

Limitations

Alternatives / See Also

Reference