文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：288日期：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. python小白 自學看書遇到看不懂的地方2. javascript - avalon.js ms-on 事件綁定無效 ?3. javascript - vue中使用prop傳遞數據問題4. javascript - 連續點擊觸發mouseleave事件5. php對mysql提取數據那種速度更快6. DADB.class.php文件的代碼怎么寫7. shell - mysql更新錯誤8. javascript - immutable配合react提升性能？9. mysql - 在log日志中已知用戶的某一步操作，如何獲取其上一步操作？10. 網頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統？
排行榜
網公網安備