文章詳情頁
前端 - css3 3d效果問題
瀏覽:144日期:2023-07-31 10:16:55
問題描述
如圖,要做一個(gè)如下的具有3d效果的視圖,
對(duì)于上下兩個(gè)框,我用css的rotateX,然后又用了translateZ移動(dòng)了位置,然而出現(xiàn)的如下的效果,
上下兩個(gè)框并沒有出現(xiàn)上圖有由近及遠(yuǎn)的‘梯形狀’。請(qǐng)問如何解決?
問題解答
回答1:沒有為父元素設(shè)置perspective和perspective-origin屬性吧,還要設(shè)置transform-style為3d。
標(biāo)簽:
CSS
上一條:css3 - 想用rem給width與height進(jìn)行賦值時(shí),該怎么計(jì)算呢?以誰為參照物呢?下一條:css3 - 請(qǐng)問,如何通過CSS實(shí)現(xiàn)高度height隨寬度width變化而變化,保持長(zhǎng)寬比例不變,寬度是根據(jù)父元素寬度變化的?
相關(guān)文章:
1. python3.x - python連oanda的模擬交易api獲取json問題第五問2. docker - 如何修改運(yùn)行中容器的配置3. nignx - docker內(nèi)nginx 80端口被占用4. docker-machine添加一個(gè)已有的docker主機(jī)問題5. java - SSH框架中寫分頁時(shí)service層中不能注入分頁類6. 關(guān)于docker下的nginx壓力測(cè)試7. 為什么我ping不通我的docker容器呢???8. node.js - 我是一個(gè)做前端的,求教如何學(xué)習(xí)vue,node等js引擎?9. javascript - js代碼獲取驗(yàn)證碼倒計(jì)時(shí)問題10. html5 - 百度echart官網(wǎng)下載的地圖json數(shù)據(jù)亂碼
排行榜

熱門標(biāo)簽