文章詳情頁
css3 - [CSS] 動畫效果 3D翻轉bug
瀏覽：304日期：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.leifengta.com.cn/attached/image/news/202304/110831f073.png)
標簽：
CSS
相關文章：
1. android - 使用百度sdk調用SDKInitializer.initialize(this)時報錯？2. javascript - 最近用echarts做統計圖時遇到兩個問題！！3. 淺談Vue使用Cascader級聯選擇器數據回顯中的坑4. html5 - 用h5本地存儲是否安全？5. 基于Spring MVC Java的配置無法正常工作控制臺顯示無錯誤，但我的jsp頁面未顯示6. javascript - webpack-dev-server和webpack沖突嗎7. javascript - react熱加載的一段代碼8. android - 優酷的安卓及蘋果app還在使用flash技術嗎？9. 微信公眾號在線生成二維碼帶參數怎么搞？10. myeclipse中修改了javaweb的web.xml文件，為什么有時候會自動重新部署生效，有時就不會自動呢？
排行榜
網公網安備