HTML and CSS Reference
In-Depth Information
Name
transform-origin
Values:
[ [ [ <percentage> | <length> |
left
|
center
|
right
] [ <percentage> | <length> |
top
|
center
|
bottom
]? ] <length>? ] | [ [ [
left
|
center
|
right
] || [
top
|
center
|
bottom
] ] <length>?
]
Initial value:
50% 50% 0
Applies to:
Block- and inline-level elements
Inherited:
No
Percentages:
Refer to the size of the element box
Computed value:
For <length>, an absolute length; otherwise a percentage
Description:
Defines the origin point for an element's transforms in either 2D or simulated 3D space. The
marked-as-optional <length> values are what define a 3D origin point; without them, the
value is necessarily in 2D space.
Examples:
table th {transform-origin: bottom left;}
li {transform-origin: 10% 10px 10em;}