为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

3 回答

有一个正方体 cube,里面有六个面 face,所以先写一个cube的 div块 把 六个face 的 div块 包起来;

然后在 style 中用transform 属性分别将六个面翻转或者平移到对应的位置,以围成一个立方体;

立方体围起来后,再用js为cube添加transform的rotateX、rotateY、rotateZ属性,这三个属性的值分别由三个滑块获取。

具体代码实现见老师分享的代码之“css3 正方体”。


0 回复 有任何疑惑可以回复我~
#1

DangCode

你的理解不完全对对 我看源码了 cube就是一个背景布 把cube的子元素都设置成transform-style:preserve-3d保留子元素的原点位置,然后旋转背景布,背景布上的立体图形自然就能来回转了
2016-04-25 回复 有任何疑惑可以回复我~

先写什么后写什么

 

0 回复 有任何疑惑可以回复我~

请问您的问题是什么。。。

0 回复 有任何疑惑可以回复我~
#1

qq_桀桀桀_0 提问者

先写什么后写什么
2015-12-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

求给一个实现思路。。。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信