文章詳情頁
css3動畫 - 實現css3推倒動畫
瀏覽：203日期：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. 點擊頁面就自動輸入到mysql.求解2. java - IDEA從SVN檢出項目 并在tomcat上運行 求詳細流程3. node.js - nodejs使用formidable上傳文件問題4. javascript - windos下第一次用Django無法正確創建工程目錄5. node.js - 帶有node_modules目錄的項目，用phpstorm打開速度極慢，怎么解決？6. java - 多叉樹求值，程序高手，算法高手看過來7. css - 請問B站頂部的模糊半透明導航條是怎么實現的呢？8. android - 安卓做前端，PHP做后臺服務器 有什么需要注意的？9. javascript - 微信小程序在wx:for循環里判斷數據再給類名，條件為動態時無效10. html5 - 有人做過防微信app界面的H5 demo嗎？
排行榜
網公網安備