ExampleSet a 3D element's base placement:
Try it yourself » |
The perspective-origin property is not supported in any browser.
Safari supports an alternative, the -webkit-perspecitve-origin property.
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!
For Safari users: To better understand the perspective-origin property, view a demo.
Default value: | 50% 50% |
---|---|
Inherited: | no |
Version: | CSS3 |
JavaScript syntax: | object.style.perspectiveOrigin="10% 10%" |
perspective-origin: x-axis y-axis; |
Property Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |