文章詳情頁
前端 - css3 3d效果問題
瀏覽：159日期：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. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風(fēng)格檢查怎么辦。。。2. javascript - [js]為什么畫布里不出現(xiàn)圖片呢？在線等3. python - 如何判斷爬蟲已經(jīng)成功登陸？4. html - vue項(xiàng)目中用到了elementUI問題5. html5 - 有可以一次性把所有 css外部樣式轉(zhuǎn)為html標(biāo)簽內(nèi)style=" "的方法嗎?6. javascript - 如何將一個(gè)div始終固定在某個(gè)位置；無論屏幕和分辨率怎么變化；div位置始終不變7. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?8. javascript - 有什么比較好的網(wǎng)頁版shell前端組件？9. javascript - 這不是對(duì)象字面量函數(shù)嗎？為什么要new初始化？10. javascript - 求解答：實(shí)例對(duì)象調(diào)用constructor，此時(shí)constructor內(nèi)的this的指向？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備