文章詳情頁
前端 - css3 3d效果問題
瀏覽：130日期：2023-07-31 10:16:55
問題描述
如圖，要做一個如下的具有3d效果的視圖，
對于上下兩個框，我用css的rotateX，然后又用了translateZ移動了位置，然而出現(xiàn)的如下的效果，
上下兩個框并沒有出現(xiàn)上圖有由近及遠的‘梯形狀’。請問如何解決？
問題解答
回答1：沒有為父元素設(shè)置perspective和perspective-origin屬性吧，還要設(shè)置transform-style為3d。
標簽：
CSS
上一條：css3 - 想用rem給width與height進行賦值時，該怎么計算呢？以誰為參照物呢？下一條：css3 - 請問，如何通過CSS實現(xiàn)高度height隨寬度width變化而變化，保持長寬比例不變，寬度是根據(jù)父元素寬度變化的？
相關(guān)文章：
1. mysql - java ResultSetMetaData 獲取中文別名亂碼2. mysql 的datadir設(shè)置的文件夾不存在，啟動了mysql服務(wù)后創(chuàng)建的數(shù)據(jù)庫存在哪里？3. mysql - 千萬數(shù)據(jù) 分頁，當偏移量 原來越大時，怎么優(yōu)化速度4. python 多進程 或者 多線程下如何高效的同步數(shù)據(jù)?5. 這是什么情況？？？6. php自學從哪里開始？7. 數(shù)據(jù)庫 - MySQL 單表500W+數(shù)據(jù)，查詢超時，如何優(yōu)化呢？8. phpstudy v8打開數(shù)據(jù)庫就出錯，而phpstudy 2018不會9. phpstady在win10上運行10. 求大神幫我看看是哪里寫錯了 感謝細心解答
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備