文章詳情頁
前端 - css3 3d效果問題
瀏覽：243日期：2023-07-31 10:16:55
問題描述
如圖，要做一個如下的具有3d效果的視圖，
對于上下兩個框，我用css的rotateX，然后又用了translateZ移動了位置，然而出現的如下的效果，
上下兩個框并沒有出現上圖有由近及遠的‘梯形狀’。請問如何解決？
問題解答
回答1：沒有為父元素設置perspective和perspective-origin屬性吧，還要設置transform-style為3d。
標簽：
CSS
上一條：css3 - 想用rem給width與height進行賦值時，該怎么計算呢？以誰為參照物呢？下一條：css3 - 請問，如何通過CSS實現高度height隨寬度width變化而變化，保持長寬比例不變，寬度是根據父元素寬度變化的？
相關文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗！3. docker-compose中volumes的問題4. docker不顯示端口映射呢？5. golang - 用IDE看docker源碼時的小問題6. docker內創建jenkins訪問另一個容器下的服務器問題7. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””8. javascript - 最近用echarts做統計圖時遇到兩個問題！！9. javascript - 連續點擊觸發mouseleave事件10. mac里的docker如何命令行開啟呢？
排行榜
網公網安備