文章詳情頁
css3 - [CSS] 動(dòng)畫效果 3D翻轉(zhuǎn)bug
瀏覽：88日期：2023-07-06 08:40:05
問題描述
我試著做了一個(gè) 3d flip card 的動(dòng)畫
demo 在這 https://vanishingdante.github...
但是如果是沿著橫向的話，整個(gè)頁面會(huì)橫向拉長很多，不知道為什么但是如果是縱向翻轉(zhuǎn)的話就沒有問題
rotateY是有什么隱藏的副作用么
瀏覽器版本是最新的chrome
問題解答
回答1：// 添加一個(gè)超出部分隱藏的樣式flip-card{ overflow: hidden;}回答2：
![css3 - [CSS] 動(dòng)畫效果 3D翻轉(zhuǎn)bug](http://www.aoyou183.cn/attached/image/news/202304/110831f073.png)
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - SuperSlide.js火狐不兼容怎么回事呢2. python 計(jì)算兩個(gè)時(shí)間相差的分鐘數(shù)，超過一天時(shí)計(jì)算不對3. 一個(gè)走錯(cuò)路的23歲傻小子的提問4. javascript - vuejs 如何在單文件組件中使用混合5. node.js - 函數(shù)getByName()中如何使得co執(zhí)行完后才return6. android spinner改變下拉彈出的位置7. python - django 里自定義的 login 方法，如何使用 login_required()8. java - 為什么hibernate查詢表集報(bào)錯(cuò)?9. android - 安卓activity無法填充屏幕10. java - 安卓電視盒子取得了root權(quán)限但是不能安裝第三方應(yīng)用，請問該怎么辦？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備