虽说所有浏览器都不支持perspecive属性,但据说谷歌支持-webkit-perspective替代属性,但是尝试过谷歌和火狐依旧没有效果,望大神指点,感激不尽!
2015-12-22
已采纳回答 / 叶星蓉
<...code...>把原来的transform样式改为火狐的,js的样式要cur.style.MozTransform="rotateX(-90deg)";只修改了一下next(),另外一个自己改O(∩_∩)O哈!
2015-12-20
最新回答 / qq_忆真芙蓉_0
有一个正方体 cube,里面有六个面 face,所以先写一个cube的 div块 把 六个face 的 div块 包起来;然后在 style 中用transform 属性分别将六个面翻转或者平移到对应的位置,以围成一个立方体;立方体围起来后,再用js为cube添加transform的rotateX、rotateY、rotateZ属性,这三个属性的值分别由三个滑块获取。具体代码实现见老师分享的代码之“css3 正方体”。
2015-12-20
此时应该是-webkit-transform-style: preserve-3d;,这样的话谷歌浏览器可看到效果,其实IDE报错可以知道
2015-12-19