文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：208日期：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. angular.js - $stateChangeSuccess事件在狀態跳轉的時候不執行？2. 如何解決docker宿主機無法訪問容器中的服務？3. python - Scrapy存在內存泄漏的問題。4. java - 三位二進制表示8進制，四位二進制表示16進制，那么多少二進制表示10進制呢？5. 如何用筆記本上的apache做微信開發的服務器6. javascript - 螞蟻金服里的react Modal方法，是怎么把元素插入到頁面最后的7. CSS3 畫如下圖形8. android - rxjava merge 返回Object對象數據如何緩存9. java如何生成token？10. angular.js - ionic2 瀏覽器跨域問題
排行榜
網公網安備