求给一个实现思路。。。

来源:3-4 编程挑战

qq_桀桀桀_0

2015-12-20 14:49

......

写回答 关注

3回答

  • qq_忆真芙蓉_0
    2016-03-29 15:23:45

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

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

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

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


    DangCo...

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

    2016-04-25 23:50:00

    共 1 条回复 >

  • qq_桀桀桀_0
    2015-12-20 17:16:49

    先写什么后写什么

     

  • echo_kinchao
    2015-12-20 15:28:38

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

    qq_桀桀桀...

    先写什么后写什么

    2015-12-20 17:17:54

    共 1 条回复 >

CSS3 3D 特效

使用CSS3当中的属性,创建真实可用的三维效果

78572 学习 · 425 问题

查看课程

相似问题