文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：157日期：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. android - NavigationView 的側滑菜單中如何保存新增項（通過程序添加）2. tp5 不同控制器中的變量調用問題3. 微信小程序可以用gulp,webpack嗎？4. mysql服務無法啟動1067錯誤，誰知道正確的解決方法？5. ueditor上傳服務器提示后端配置項沒有正常加載，求助?。。。?！6. python - 為什么正常輸出中文沒有亂碼，zip函數之后出現中文編程unicode編碼的問題，我是遍歷輸出的啊。7. 老師 我是一個沒有學過php語言的準畢業生 我希望您能幫我一下8. 這段代碼既不提示錯誤也看不到結果，請老師明示錯在哪里，謝謝！9. php7.3.4中怎么開啟pdo驅動10. 提示語法錯誤語法錯誤: unexpected ’abstract’ (T_ABSTRACT)
排行榜
網公網安備