這篇文章主要為大家展示了“css中的perspective-origin屬性怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中的perspective-origin屬性怎么用”這篇文章吧。

成都創(chuàng)新互聯(lián)公司為客戶提供專業(yè)的網(wǎng)站制作、成都做網(wǎng)站、程序、域名、空間一條龍服務(wù)，提供基于WEB的系統(tǒng)開發(fā). 服務(wù)項(xiàng)目涵蓋了網(wǎng)頁設(shè)計(jì)、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、移動(dòng)網(wǎng)站建設(shè)等網(wǎng)站方面業(yè)務(wù)。

CSS3perspective-origin屬性

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

語法：

perspective-origin:x-axisy-axis;

x-axis：定義該視圖在x軸上的位置。默認(rèn)值：50%?？赡艿闹担簂eftcenterrightlength%

y-axis：定義該視圖在y軸上的位置。默認(rèn)值：50%?？赡艿闹担簍opcenterbottomlength%

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

CSS3perspective-origin屬性的使用示例

HELLO