文章詳情頁
css3動(dòng)畫 - 實(shí)現(xiàn)css3推倒動(dòng)畫
瀏覽：181日期：2023-06-25 11:02:51
問題描述
想問下這個(gè)鏈接第五張 動(dòng)效5的動(dòng)畫怎么實(shí)現(xiàn)，主要是X軸旋轉(zhuǎn)后 上面邊長還是和下面邊長一樣的 動(dò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. python - TypeError: tryMsgcode() takes exactly 2 arguments (0 given)2. 環(huán)境搭建 - anaconda 創(chuàng)建python2.7環(huán)境中打開編譯器確是3.6版本3. extra沒有加載出來4. linux - Ubuntu下編譯Vim8（+python）無數(shù)次編譯失敗5. html5 - H5頁面喚起APP導(dǎo)航6. javascript - 彈出一個(gè)子窗口，操作之后關(guān)閉，主窗口會(huì)得到相應(yīng)的響應(yīng)，例如網(wǎng)站的某些登錄界面，django后臺(tái)的管理等，這是怎么實(shí)現(xiàn)的呢？7. 求救一下，用新版的phpstudy，數(shù)據(jù)庫過段時(shí)間會(huì)消失是什么情況？8. mysql replace 死鎖9. list - python 求助10. python - 數(shù)據(jù)與循環(huán)次數(shù)對(duì)應(yīng)不上
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備