文章詳情頁
css3動(dòng)畫 - 實(shí)現(xiàn)css3推倒動(dòng)畫
瀏覽：285日期：2023-06-25 11:02:51
問題描述
想問下這個(gè)鏈接第五張 動(dòng)效5的動(dòng)畫怎么實(shí)現(xiàn)，主要是X軸旋轉(zhuǎn)后 上面邊長(zhǎng)還是和下面邊長(zhǎng)一樣的 動(dòng)圖上面的邊長(zhǎ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. dockerfile - [docker build image失敗- npm install]2. docker-compose中volumes的問題3. golang - 用IDE看docker源碼時(shí)的小問題4. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗！5. angular.js - angular內(nèi)容過長(zhǎng)展開收起效果6. nignx - docker內(nèi)nginx 80端口被占用7. mac里的docker如何命令行開啟呢？8. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題9. 我在centos容器里安裝docker，也就是在容器里安裝容器，報(bào)錯(cuò)了？10. docker內(nèi)創(chuàng)建jenkins訪問另一個(gè)容器下的服務(wù)器問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備