CSS perspective-origin 屬性
定義和用法
perspective-origin 屬性定義了使用者從哪個位置檢視 3D 定位的元素。
當為元素定義 perspective-origin 屬性時，受到影響的是子元素，而不是元素本身。
注意：此屬性必須與 perspective 屬性一起使用！
為了更好地理解 perspective-origin 屬性，請檢視演示。
| 預設值 | 50% 50% |
|---|---|
| 繼承 | no |
| 可動畫 | 是。 瞭解可動畫屬性 嘗試一下 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.perspectiveOrigin="10px 50%" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| perspective-origin | 36 | 10 | 16 | 9 | 23 |
CSS 語法
perspective-origin: x軸 y軸|initial|inherit;
屬性值
| 屬性值 | 描述 | 演示 |
|---|---|---|
| x-axis | 定義了在 x 軸上的視點位置 可能的值
預設值：50% |
演示 ❯ |
| y-axis | 定義了在 y 軸上的視點位置 可能的值
預設值：50% |
演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程： CSS 3D 變換
HTML DOM 參考： perspectiveOrigin 屬性
