文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：162日期：2023-06-25 11:02:51
問題描述
想問下這個鏈接第五張 動效5的動畫怎么實現，主要是X軸旋轉后 上面邊長還是和下面邊長一樣的 動圖上面的邊長變短了 效果好 求大神點撥一下
問題解答
回答1：這么寫就好了transform: perspective(400px) rotate3d(1,0,0,60deg);transform-origin: bottom center;這個perspective要寫在其他屬性前面，額，我也不知道為什么
回答2：估計是因為你用的還是2D的視角
回答3：用2D也可以實現啊，近大遠小，你旋轉X軸的同時縮小頂邊的寬度不就好了。
標簽：
CSS
相關文章：
1. java題目 任意一個字符串 倒置輸出，保持單詞的完整性2. javascript - 關于Lazyload遇到的問題3. angular.js - react的redux和vue的vuex，angular呢4. javascript - 如果根據參數給table中的tr綁定不同事件5. 算法 - python 給定一個正整數a和一個包含任意個正整數的 列表 b，求所有<=a 的加法組合6. WEB-INF / classes /與WEB-INF / lib / *。jar在類路徑優先級？7. c++ - 如何正確的使用QWebEngineView?8. java - 我在用Struts2上傳文件時，報以下錯誤怎么回事？9. javascript - 游戲里物體角色層次渲染邏輯和代碼怎么寫才好？10. javascript - js 寫一個正則 提取文本中的數據
排行榜
網公網安備