文章詳情頁(yè)
css3動(dòng)畫 - 實(shí)現(xiàn)css3推倒動(dòng)畫
瀏覽：197日期：2023-06-25 11:02:51
問題描述
想問下這個(gè)鏈接第五張 動(dòng)效5的動(dòng)畫怎么實(shí)現(xiàn)，主要是X軸旋轉(zhuǎn)后 上面邊長(zhǎng)還是和下面邊長(zhǎng)一樣的 動(dòng)圖上面的邊長(zhǎng)變短了 效果好 求大神點(diǎn)撥一下
問題解答
回答1：這么寫就好了transform: perspective(400px) rotate3d(1,0,0,60deg);transform-origin: bottom center;這個(gè)perspective要寫在其他屬性前面，額，我也不知道為什么
回答2：估計(jì)是因?yàn)槟阌玫倪€是2D的視角
回答3：用2D也可以實(shí)現(xiàn)啊，近大遠(yuǎn)小，你旋轉(zhuǎn)X軸的同時(shí)縮小頂邊的寬度不就好了。
標(biāo)簽：
CSS
相關(guān)文章：
1. javascript - 有適合開發(fā)手機(jī)端Html5網(wǎng)頁(yè)小游戲的前端框架嗎？2. javascript - 關(guān)于apply（）與call（）的問題3. python 利用subprocess庫(kù)調(diào)用mplayer時(shí)發(fā)生錯(cuò)誤4. python - Pycharm的Debug用不了5. python - pandas按照列A和列B分組，將列C求平均數(shù)，怎樣才能生成一個(gè)列A,B,C的dataframe6. html - eclipse 標(biāo)簽錯(cuò)誤7. 安全性測(cè)試 - nodejs中如何防m(xù)ySQL注入8. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?9. python - pycharm 自動(dòng)刪除行尾空格10. python文檔怎么查看？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備