You are here : cssCSS 3perspective-origin

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.


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


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

Output / Return Value


Alternatives / See Also