課程
/前端開(kāi)發(fā)
/CSS3
/CSS3 3D 特效
-webkit-transition: -webkit-transform 1s linear;這句話在例子中的意義是什么?刪掉之后沒(méi)看出有什么變化。
2021-02-01
源自:CSS3 3D 特效 2-3
正在回答
transition是動(dòng)畫(huà)過(guò)渡效果,這句的意義應(yīng)該是,讓transform動(dòng)畫(huà)具有過(guò)渡效果。
可能是你沒(méi)注意
可以試試動(dòng)態(tài)修改值,比如修改旋轉(zhuǎn)角度,輸入框直接輸入90度,然后用js去修改。
舉報(bào)
使用CSS3當(dāng)中的屬性,創(chuàng)建真實(shí)可用的三維效果
1 回答#page2,#page3,#page4{ -webkit-transform-origin:bottom; -webkit-transition:-webkit-transform 1s linear; -webkit-transform:rotateX(120deg); }
2 回答-webkit-transform-style:preserve-3d;
3 回答不是直接有translate3d么,為什么還要設(shè)-webkit-transform-style:-webkit-preserve-3d呢?
2 回答-webkit-transform-style:preserve-3d為什么不放在my3dspace中呢
2 回答前面為什么要加-webkit
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2021-03-03
transition是動(dòng)畫(huà)過(guò)渡效果,這句的意義應(yīng)該是,讓transform動(dòng)畫(huà)具有過(guò)渡效果。
可能是你沒(méi)注意
可以試試動(dòng)態(tài)修改值,比如修改旋轉(zhuǎn)角度,輸入框直接輸入90度,然后用js去修改。