文章詳情頁(yè)
css3動(dòng)畫(huà) - 實(shí)現(xiàn)css3推倒動(dòng)畫(huà)
瀏覽：156日期：2023-06-25 11:02:51
問(wèn)題描述
想問(wèn)下這個(gè)鏈接第五張 動(dòng)效5的動(dòng)畫(huà)怎么實(shí)現(xiàn)，主要是X軸旋轉(zhuǎn)后 上面邊長(zhǎng)還是和下面邊長(zhǎng)一樣的 動(dòng)圖上面的邊長(zhǎng)變短了 效果好 求大神點(diǎn)撥一下
問(wèn)題解答
回答1：這么寫(xiě)就好了transform: perspective(400px) rotate3d(1,0,0,60deg);transform-origin: bottom center;這個(gè)perspective要寫(xiě)在其他屬性前面，額，我也不知道為什么
回答2：估計(jì)是因?yàn)槟阌玫倪€是2D的視角
回答3：用2D也可以實(shí)現(xiàn)啊，近大遠(yuǎn)小，你旋轉(zhuǎn)X軸的同時(shí)縮小頂邊的寬度不就好了。
標(biāo)簽：
CSS
相關(guān)文章：
1. mysql儲(chǔ)存json錯(cuò)誤2. 輸入地址報(bào)以下截圖錯(cuò)誤，怎么辦？3. 請(qǐng)問(wèn)朱老師，如何配置url訪問(wèn)路由4. mysql分庫(kù)分表量級(jí)疑問(wèn)5. 為啥獲取不到呀？6. php怎么用isMobile()函數(shù)識(shí)別pc端移動(dòng)端自動(dòng)跳轉(zhuǎn)7. mysql - 這種分級(jí)一對(duì)多，且分級(jí)不平衡的模型該怎么設(shè)計(jì)表？8. node.js - nodejs開(kāi)發(fā)中常用的連接mysql的庫(kù)9. mysql 5萬(wàn)張表 導(dǎo)出成sql 不要內(nèi)容，只要結(jié)構(gòu)，非常慢。如何解決啊？10. php - TP5的登錄驗(yàn)證問(wèn)題
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備