課程
/前端開(kāi)發(fā)
/CSS3
/CSS3 3D 特效
為什么我在頁(yè)面上可以看到第6個(gè)方塊呢,雖然用了rotateX(90deg),但是這個(gè)頁(yè)面是可以從1方塊透視出來(lái)的,這是為什么,求解?
2016-07-07
源自:CSS3 3D 特效 3-2
正在回答
更改視點(diǎn)即可:
-webkit-perspective: 800px;
-webkit-perspective-origin: center 400px;
視頻上-webkit-transform-style:-webkit-preserve-3d;是這樣寫(xiě)的,改成-webkit-transform-style:preserve-3d;這個(gè)就可以了,至于為什么不太清楚
Yinsion_Nie
視頻上-webkit-transform-style:preserve-3d;改成這個(gè)-webkit-transform-style:preserve-3d;就可以了
至于6為什么會(huì)被顯示 ? ?因?yàn)?webkit-perspective-origin:50% 50%; ?表示在該div的正中央來(lái)看 ??
但是旋轉(zhuǎn)是以bottom為中心的
就像 ? ?在一堵墻上鑿個(gè)洞,順著洞看進(jìn)去能看到墻里面屋子的地板
根據(jù)頁(yè)面的渲染秩序來(lái)說(shuō) ? 在最后面的會(huì)顯示到最前面 ?所以在這種情況下(6會(huì)在最前面,最后才是1,)
可以多設(shè)置角度????eg: ?????????-webkit-transform:rotateX(110deg); ? ? ? ?溢出后自動(dòng)隱藏;
可以設(shè)置z-indez屬性 進(jìn)行調(diào)整
第六個(gè)要用translateZ(-200px),是向屏幕內(nèi)部移動(dòng),不能用旋轉(zhuǎn)。
舉報(bào)
使用CSS3當(dāng)中的屬性,創(chuàng)建真實(shí)可用的三維效果
2 回答為什么我的第一張出來(lái)的效果是6呢
2 回答怎么5 跑在第一個(gè)來(lái)了
3 回答為什么我看不到有透視效果
2 回答頭疼,這方塊怎么變成方塊的
3 回答效果出來(lái)了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-10-09
更改視點(diǎn)即可:
-webkit-perspective: 800px;
-webkit-perspective-origin: center 400px;
2016-09-07
視頻上-webkit-transform-style:-webkit-preserve-3d;是這樣寫(xiě)的,改成-webkit-transform-style:preserve-3d;這個(gè)就可以了,至于為什么不太清楚
2016-09-07
視頻上-webkit-transform-style:preserve-3d;改成這個(gè)-webkit-transform-style:preserve-3d;就可以了
2016-07-25
至于6為什么會(huì)被顯示 ? ?因?yàn)?webkit-perspective-origin:50% 50%; ?表示在該div的正中央來(lái)看 ??
但是旋轉(zhuǎn)是以bottom為中心的
就像 ? ?在一堵墻上鑿個(gè)洞,順著洞看進(jìn)去能看到墻里面屋子的地板
2016-07-25
根據(jù)頁(yè)面的渲染秩序來(lái)說(shuō) ? 在最后面的會(huì)顯示到最前面 ?所以在這種情況下(6會(huì)在最前面,最后才是1,)
可以多設(shè)置角度????eg: ?????????-webkit-transform:rotateX(110deg); ? ? ? ?溢出后自動(dòng)隱藏;
可以設(shè)置z-indez屬性 進(jìn)行調(diào)整
2016-07-07
第六個(gè)要用translateZ(-200px),是向屏幕內(nèi)部移動(dòng),不能用旋轉(zhuǎn)。