課程
/前端開(kāi)發(fā)
/CSS3
/CSS3 3D 特效
......
2015-12-20
源自:CSS3 3D 特效 3-4
正在回答
有一個(gè)正方體 cube,里面有六個(gè)面 face,所以先寫一個(gè)cube的 div塊 把 六個(gè)face 的 div塊 包起來(lái);
然后在 style 中用transform 屬性分別將六個(gè)面翻轉(zhuǎn)或者平移到對(duì)應(yīng)的位置,以圍成一個(gè)立方體;
立方體圍起來(lái)后,再用js為cube添加transform的rotateX、rotateY、rotateZ屬性,這三個(gè)屬性的值分別由三個(gè)滑塊獲取。
具體代碼實(shí)現(xiàn)見(jiàn)老師分享的代碼之“css3 正方體”。
DangCode
先寫什么后寫什么
?
請(qǐng)問(wèn)您的問(wèn)題是什么。。。
qq_桀桀桀_0 提問(wèn)者
舉報(bào)
使用CSS3當(dāng)中的屬性,創(chuàng)建真實(shí)可用的三維效果
1 回答求代碼怎么寫,給我一份
3 回答3d場(chǎng)景的實(shí)現(xiàn)
3 回答這樣寫可以實(shí)現(xiàn)
2 回答前綴用-moz在火狐無(wú)法實(shí)現(xiàn),但-webkit在google能實(shí)現(xiàn)3d
2 回答實(shí)現(xiàn)不出來(lái)3D效果
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)
2016-03-29
有一個(gè)正方體 cube,里面有六個(gè)面 face,所以先寫一個(gè)cube的 div塊 把 六個(gè)face 的 div塊 包起來(lái);
然后在 style 中用transform 屬性分別將六個(gè)面翻轉(zhuǎn)或者平移到對(duì)應(yīng)的位置,以圍成一個(gè)立方體;
立方體圍起來(lái)后,再用js為cube添加transform的rotateX、rotateY、rotateZ屬性,這三個(gè)屬性的值分別由三個(gè)滑塊獲取。
具體代碼實(shí)現(xiàn)見(jiàn)老師分享的代碼之“css3 正方體”。
2015-12-20
先寫什么后寫什么
?
2015-12-20
請(qǐng)問(wèn)您的問(wèn)題是什么。。。