文章詳情頁
前端 - css3 3d效果問題
瀏覽：138日期：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變化而變化，保持長寬比例不變，寬度是根據(jù)父元素寬度變化的？
相關(guān)文章：
1. python - scrapy url去重2. Python從URL中提取域名3. node.js - 微信小程序websocket連接問題4. 實(shí)現(xiàn)bing搜索工具urlAPI提交5. Python中使用超長的List導(dǎo)致內(nèi)存占用過大6. python - Django有哪些成功項(xiàng)目？7. python執(zhí)行cmd命令，怎么讓他執(zhí)行類似Ctrl+C效果將其結(jié)束命令？8. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)9. 數(shù)據(jù)庫 - Mysql的存儲(chǔ)過程真的是個(gè)坑！求助下面的存儲(chǔ)過程哪里錯(cuò)啦，實(shí)在是找不到哪里的問題了。10. 鏈接圖片時(shí)，鏈接不成功
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備