文章詳情頁
css3動畫 - 實現(xiàn)css3推倒動畫
瀏覽：185日期：2023-06-25 11:02:51
問題描述
想問下這個鏈接第五張 動效5的動畫怎么實現(xiàn)，主要是X軸旋轉(zhuǎn)后 上面邊長還是和下面邊長一樣的 動圖上面的邊長變短了 效果好 求大神點撥一下
問題解答
回答1：這么寫就好了transform: perspective(400px) rotate3d(1,0,0,60deg);transform-origin: bottom center;這個perspective要寫在其他屬性前面，額，我也不知道為什么
回答2：估計是因為你用的還是2D的視角
回答3：用2D也可以實現(xiàn)啊，近大遠小，你旋轉(zhuǎn)X軸的同時縮小頂邊的寬度不就好了。
標簽：
CSS
相關(guān)文章：
1. java固定鍵值轉(zhuǎn)換，使用枚舉實現(xiàn)字典？2. php自學從哪里開始？3. javascript - 微信網(wǎng)頁開發(fā)從菜單進入頁面后，按返回鍵沒有關(guān)閉瀏覽器而是刷新當前頁面，求解決？4. javascript - 手機瀏覽器會有一個默認的viewport視圖，將頁面縮放后顯示在手機屏幕？5. javascript - 有沒有類似高鐵管家的時間選擇插件6. 如何解決tp6在zend中無代碼提示7. mysql - 千萬數(shù)據(jù) 分頁，當偏移量 原來越大時，怎么優(yōu)化速度8. 這是什么情況？？？9. window下mysql中文亂碼怎么解決？？10. vim - win10無法打開markdown編輯器
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備