文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：209日期：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 - 關于<a>元素與<input>元素的JS事件運行問題2. mysql - 記得以前在哪里看過一個估算時間的網站3. python - 有什么好的可以收集貨幣基金的資源?4. python - 啟動Eric6時報錯：’qscintilla_zh_CN’ could not be loaded5. css3 - 我想要背景長度變化，而文字不移動，要怎么修改呢6. MySQL中的enum類型有什么優點？7. css3 - 純css實現點擊特效8. javascript - vue 怎么渲染自定義組件9. javascript - 同步方式寫異步到底指什么？10. android下css3動畫非常卡，GPU也不差啊
排行榜
網公網安備