文章詳情頁(yè)
css3動(dòng)畫(huà) - 實(shí)現(xiàn)css3推倒動(dòng)畫(huà)
瀏覽：172日期：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. Python爬蟲(chóng)如何爬取span和span中間的內(nèi)容并分別存入字典里？2. mysql - 分庫(kù)分表、分區(qū)、讀寫(xiě)分離 這些都是用在什么場(chǎng)景下 ，會(huì)帶來(lái)哪些效率或者其他方面的好處3. mysql 查詢(xún)身份證號(hào)字段值有效的數(shù)據(jù)4. 視頻文件不能播放，怎么辦？5. flask - python web中如何共享登錄狀態(tài)？6. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫(kù)插入是亂碼問(wèn)題?7. python - 數(shù)據(jù)與循環(huán)次數(shù)對(duì)應(yīng)不上8. 黑客 - Python模塊安全權(quán)限9. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?10. node.js - nodejs開(kāi)發(fā)中常用的連接mysql的庫(kù)
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備