設定一個3D元素的基數位置：
div
{
perspective:150;
perspective-origin: 10% 10%;
-webkit-perspective:150; /* Safari and Chrome */
-webkit-perspective-origin: 10% 10%; /* Safari and Chrome */
}
表格中的數字表示支援該屬性的第一個浏覽器版本号。
緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支援該字首屬性的第一個浏覽器版本号。
屬性
perspective-origin
36.0
12.0 -webkit-
10.0
16.0
10.0 -moz-
9.0
4.0.3 -webkit-
23.0
15.0 -webkit-
perspective-origin 屬性定義 3D 元素所基于的 X 軸和 Y 軸。該屬性允許您改變 3D 元素的底部位置。
定義時的perspective -Origin屬性，它是一個元素的子元素，透視圖，而不是元素本身。
<b>注意：</b> 對于Chrome和Safari使用者：為了更好地了解perspective屬性!
<b>對于 Chrome 和 Safari 使用者:</b> 為了更好地了解perspective-Origin屬性，請檢視
檢視執行個體.
預設值：
50% 50%
繼承：
no
版本：
CSS3
JavaScript 文法：
object.style.perspectiveOrigin="10% 10%"
perspective-origin: x-axis y-axis;
值
描述
x-axis
定義該視圖在 x 軸上的位置。預設值：50%。
可能的值：
left
center
right
length
%
y-axis
定義該視圖在 y 軸上的位置。預設值：50%。
top
bottom