文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：225日期：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. 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 設置不生效
排行榜
網公網安備