定義和用法
所述perspectiveOrigin屬性定義其中3D元件是基於在x方向和y軸。 此屬性允許您更改3D元素的底部位置。
當定義一個元素的屬性perspectiveOrigin,它是位於所述子元素,而不是元素本身。
Note:此屬性必須與使用的角度屬性,只影響3D轉換的元素!
瀏覽器支持
該perspectiveOrigin屬性在IE10 +和Firefox支持。
Chrome瀏覽器,Safari和Opera支持替代方案,WebkitPerspecitveOrigin財產。
句法
返回perspectiveOrigin屬性:
object .style.perspectiveOrigin
設置perspectiveOrigin屬性:
object .style.perspectiveOrigin=" 屬性值 值 描述 x-axis 限定,其中該視圖被放置在x軸 可能的值:
- 剩下
- 中央
- 對
- length
- %
默認值:50%
y-axis 限定,其中該視圖被放置在Y軸 可能的值:
- 最佳
- 中央
- 底部
- length
- %
默認值:50%
initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值: 50%50% 返回值: 一個字符串,表示元件的透視-origin屬性 CSS版本 CSS3
相關頁面
JavaScript的Style對象: perspective property
CSS參考: perspective-origin property
<Style對象