文章詳情頁
css3 - [CSS] 動畫效果 3D翻轉bug
瀏覽：173日期：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.baoyu77737.com/attached/image/news/202304/110831f073.png)
標簽：
CSS
相關文章：
1. javascript - 在靜態頁面上用load 引入的頁面文件問題？2. javascript - webpack打包后的bundlejs文件代碼不知道什么意思.3. android - RxJavar用什么操作符可以使數據每隔一段時間取出一個4. Android的webView如何實現網頁 錄音功能？5. java - oracle對漢字字段按照拼音排序的函數和sql語句是什么？6. css - 關于ul的布局7. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果8. Java游戲服務器開發和網站、app服務端的開發都差不多的嗎？？？實現的思路和方法9. javascript - vue組件通過eventBus通信時，報錯a.$on is not a function10. html - 哪些情況下float會失效？
排行榜
網公網安備