文章詳情頁
css3 - [CSS] 動畫效果 3D翻轉bug
瀏覽：142日期：2023-07-06 08:40:05
問題描述
我試著做了一個 3d flip card 的動畫
demo 在這 https://vanishingdante.github...
但是如果是沿著橫向的話，整個頁面會橫向拉長很多，不知道為什么但是如果是縱向翻轉的話就沒有問題
rotateY是有什么隱藏的副作用么
瀏覽器版本是最新的chrome
問題解答
回答1：// 添加一個超出部分隱藏的樣式flip-card{ overflow: hidden;}回答2：
![css3 - [CSS] 動畫效果 3D翻轉bug](http://www.intensediesel.com/attached/image/news/202304/110831f073.png)
標簽：
CSS
相關文章：
1. html - eclipse 標簽錯誤2. javascript - js里首尾相接輪播的原理是什么？3. 求大神幫我看看是哪里寫錯了 感謝細心解答4. php自學從哪里開始？5. javascript - JS設置Video視頻對象的currentTime時出現了問題,IE,Edge,火狐,都可以設置,反而chrom卻...6. javascript - 數組原聲方法中的一段代碼7. 數據庫 - MySQL 單表500W+數據，查詢超時，如何優化呢？8. javascript - 怎么實現移動端頁面滑動切換，從1可以滑到2 但是不能從2滑回1 這樣的效果呢？9. phpstady在win10上運行10. javascript - 如果所有請求都放到actions 里面，那拿到的數據應該 放在哪里，state 還是vue實例里面的data？
排行榜
網公網安備