文章詳情頁(yè)
css3動(dòng)畫(huà) - 實(shí)現(xiàn)css3推倒動(dòng)畫(huà)
瀏覽：195日期：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：這么寫就好了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. python - scrapy url去重2. Python從URL中提取域名3. node.js - 微信小程序websocket連接問(wèn)題4. 實(shí)現(xiàn)bing搜索工具urlAPI提交5. Python中使用超長(zhǎng)的List導(dǎo)致內(nèi)存占用過(guò)大6. python - Django有哪些成功項(xiàng)目？7. python執(zhí)行cmd命令，怎么讓他執(zhí)行類似Ctrl+C效果將其結(jié)束命令？8. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)9. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑！求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦，實(shí)在是找不到哪里的問(wèn)題了。10. 鏈接圖片時(shí)，鏈接不成功
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備