文章詳情頁
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)安備