文章詳情頁(yè)
css3動(dòng)畫(huà) - 實(shí)現(xiàn)css3推倒動(dòng)畫(huà)
瀏覽：274日期：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. boot2docker無(wú)法啟動(dòng)2. java - SSH框架中寫分頁(yè)時(shí)service層中不能注入分頁(yè)類3. 關(guān)于docker下的nginx壓力測(cè)試4. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.5. 為什么我ping不通我的docker容器呢？？？6. mac里的docker如何命令行開(kāi)啟呢？7. node.js - antdesign怎么集合react-redux對(duì)input控件進(jìn)行初始化賦值8. 老師，按tab鍵不起作用怎么回事9. docker鏡像push報(bào)錯(cuò)10. dockerfile - 為什么docker容器啟動(dòng)不了？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備