這篇文章主要介紹了perspective-origin屬性的使用方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯于2013年開始，先為鎮(zhèn)平等服務建站，鎮(zhèn)平等地企業(yè)，進行企業(yè)商務咨詢服務。為鎮(zhèn)平企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

perspective-origin屬性用于定義 3D 元素所基于的 X 軸和 Y 軸，它允許改變3D元素的底部位置。當為元素定義 perspective-origin 屬性時，其子元素會獲得透視效果，而不是元素本身。

CSS3  perspective-origin屬性

作用：perspective-origin 屬性定義 3D 元素所基于的 X 軸和 Y 軸。該屬性允許您改變 3D 元素的底部位置。當為元素定義 perspective-origin 屬性時，其子元素會獲得透視效果，而不是元素本身。

語法：

perspective-origin: x-axis y-axis;

x-axis：定義該視圖在 x 軸上的位置。默認值：50%?？赡艿闹担簂eft  center  right  length %

y-axis：定義該視圖在 y 軸上的位置。默認值：50%。可能的值：top  center  bottom  length  %

注：該屬性必須與perspective屬性一同使用，而且只影響 3D 轉換元素。

CSS3  perspective-origin屬性的使用示例

 




  
HELLO

 

效果圖：

感謝你能夠認真閱讀完這篇文章，希望小編分享perspective-origin屬性的使用方法內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯，關注創(chuàng)新互聯行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯，詳細的解決方法等著你來學習!