文章詳情頁
css3 - [CSS] 動畫效果 3D翻轉bug
瀏覽：251日期：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.piao2010.com/attached/image/news/202304/110831f073.png)
標簽：
CSS
相關文章：
1. 運行python程序時出現“應用程序發生異常”的內存錯誤？2. 我在導入模板資源時遇到無法顯示的問題，請老師解答下3. macos - 無法source activate python274. java - 同步/異步與阻塞/非阻塞之間的差異具體是什么？5. html5 - 前端面試碰到了一個緩存數據的問題，來論壇上請教一下6. css - 移動端 盒子內加overflow-y:scroll后 字體會變大7. PHPExcel表格導入數據庫怎么導入8. css3 讓圖片變成灰色(filter)，但針對IE11瀏覽器無效9. 前端 - 集思廣益，如何用CSS實現數字上面有一個點10. java - butterknife怎么綁定多個view
排行榜
網公網安備