文章詳情頁
css3 - [CSS] 動畫效果 3D翻轉bug
瀏覽：205日期：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.gepszalag.com/attached/image/news/202304/110831f073.png)
標簽：
CSS
相關文章：
1. javascript - vue提示語法錯誤，請問錯誤在哪？2. css3 - border-bottom 的長度可否超過盒子的寬度呢？實現如下圖效果。（我的書下面的線）3. 淺談vue生命周期共有幾個階段？分別是什么？4. index.php錯誤，求指點5. java - web端百度網盤的一個操作為什么要分兩次請求服務器, 有什么好處嗎6. javascript - vue.js如何遞歸渲染組件.7. css - 移動端 oppo 手機之 Border-radius8. css - 關于偽類背景問題9. html - JavaScript的Dom操作如何改變子元素的文本內容10. javascript - 為什么我的animation-fill-mode 設置不生效
排行榜
網公網安備