HTML and CSS Reference
In-Depth Information
Name
perspective-origin
Values:
[ [ <percentage> | <length> |
left
|
center
|
right
] [ <percentage> | <length> |
top
|
center
|
bottom
]? ] | [ [
left
|
center
|
right
] || [
top
|
center
|
bottom
] ]
Initial value:
50% 50%
Applies to:
Block-level and inline-level elements
Inherited:
No
Percentages:
Refer to the size of the element box
Computed value:
Same as declared value
Description:
Defines the origin point of the apparent 3D perspective within the element. In effect, it defines
the point in the element that appears to be directly in front of the viewer.
Examples:
body {perspective-origin: bottom right;}
#wrapper div {perspective-origin: 0 50%;}
Note:
As of early 2011, this property was only supported in a prefixed form by WebKit.
