文章詳情頁(yè)
前端 - css3 3d效果問(wèn)題
瀏覽：215日期：2023-07-31 10:16:55
問(wèn)題描述
如圖，要做一個(gè)如下的具有3d效果的視圖，
對(duì)于上下兩個(gè)框，我用css的rotateX，然后又用了translateZ移動(dòng)了位置，然而出現(xiàn)的如下的效果，
上下兩個(gè)框并沒(méi)有出現(xiàn)上圖有由近及遠(yuǎn)的‘梯形狀’。請(qǐng)問(wèn)如何解決？
問(wèn)題解答
回答1：沒(méi)有為父元素設(shè)置perspective和perspective-origin屬性吧，還要設(shè)置transform-style為3d。
標(biāo)簽：
CSS
上一條：css3 - 想用rem給width與height進(jìn)行賦值時(shí)，該怎么計(jì)算呢？以誰(shuí)為參照物呢？下一條：css3 - 請(qǐng)問(wèn)，如何通過(guò)CSS實(shí)現(xiàn)高度height隨寬度width變化而變化，保持長(zhǎng)寬比例不變，寬度是根據(jù)父元素寬度變化的？
相關(guān)文章：
1. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？2. 我在導(dǎo)入模板資源時(shí)遇到無(wú)法顯示的問(wèn)題，請(qǐng)老師解答下3. macos - 無(wú)法source activate python274. java - butterknife怎么綁定多個(gè)view5. html5 - 前端面試碰到了一個(gè)緩存數(shù)據(jù)的問(wèn)題，來(lái)論壇上請(qǐng)教一下6. css - 移動(dòng)端 盒子內(nèi)加overflow-y:scroll后 字體會(huì)變大7. PHPExcel表格導(dǎo)入數(shù)據(jù)庫(kù)怎么導(dǎo)入8. javascript - react如何獲取offsetX？9. html - 網(wǎng)頁(yè)的a標(biāo)簽到底要不要寫上域名？10. css3 讓圖片變成灰色(filter)，但針對(duì)IE11瀏覽器無(wú)效
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備