文章詳情頁

css3 - [CSS] 動畫效果 3D翻轉bug

瀏覽：127日期：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

CSS

上一條：css3 - css 3問題， transition:0.5s all;是指所有屬性？下一條：css - 關于nth-child()的問題

相關文章：

1. mysql - 如何減少使用或者不用LEFT JOIN查詢？2. 視頻文件不能播放，怎么辦？3. Python爬蟲如何爬取span和span中間的內容并分別存入字典里？4. python - 編碼問題求助5. python - Scrapy存在內存泄漏的問題。6. python - 我在使用pip install -r requirements.txt下載時，為什么部分能下載，部分不能下載7. 網頁爬蟲 - python 爬取網站并解析非json內容8. mysql - 分庫分表、分區、讀寫分離這些都是用在什么場景下，會帶來哪些效率或者其他方面的好處9. node.js - nodejs開發中常用的連接mysql的庫10. mysql - jdbc的問題

排行榜

					
					javascript - 正則表達式 w只匹配出一個字母，若要匹配出一個單詞，怎么寫？
					1. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題
					2. python - 小白django提交數據后，沒有存儲到數據庫（查閱資料并沒有發現問題）
					3. 網頁爬蟲 - python 爬取網站 并解析非json內容
					4. python - Scrapy存在內存泄漏的問題。
					5. 從事游戲服務端開發（Java），需要具備哪些技術？？？
					6. html5 - 為什么使使用vue cli 腳手架，post-css 沒有自動對css3屬性自動添加瀏覽器前綴呢？
					7. python - 我在使用pip install -r requirements.txt下載時，為什么部分能下載，部分不能下載
					8. docker安裝后出現Cannot connect to the Docker daemon.
					9. docker內創建jenkins訪問另一個容器下的服務器問題
					10. 
			熱門標簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數據庫

					微信

					百度

					

国产综合久久一区二区三区