文章詳情頁(yè)
css3動(dòng)畫(huà) - 實(shí)現(xiàn)css3推倒動(dòng)畫(huà)
瀏覽：232日期：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. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網(wǎng)址是什么？？百度不到。3. objective-c - ios 怎么實(shí)現(xiàn)微信聯(lián)系列表 最好是swift4. vue計(jì)算屬性怎么樣與for結(jié)合使用5. angular.js - vue/react 渲染內(nèi)容抖動(dòng)6. PHP能實(shí)現(xiàn)百度網(wǎng)盤(pán)的自動(dòng)化么？7. Python 子類(lèi)能否覆蓋全局函數(shù)?8. mysql - sql 找出2個(gè)數(shù)據(jù)庫(kù)的差異表名9. javascript - vue上傳圖片，并顯示在頁(yè)面中的插件10. kv存儲(chǔ) - 怎樣用 Redis 緩存微博的評(píng)論列表？
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備