css做立方体

       css3可以用来做动画，是给网页做各种特效的神器。它新增了多个做动画的属性，比如translate3d、cubic-bezier，transform，rotate可以用来做很多立体效果。

        做立方体效果，需要分别定义六个面：

1、正对着人的面不用做任何旋转

2、右面，rotateY(90deg)

3、左面，rotateY(270deg)

4、背面，rotateY(180deg)

5、上面，rotateX(90deg)

6、底面，rotateX(270deg)

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,333评论 0赞 11
  • Material Design的Loading动画
    写在前面：这是一篇菜鸟的学习笔记，记录效果实现过程，而没有考虑安全、兼容、性等问题。供新手参考，也希望前辈们指点。...
    im宇阅读 3,526评论 0赞 4
  • css动画
    看了很多视频、文章，最后却通通忘记了，别人的知识依旧是别人的，自己却什么都没获得。此系列文章旨在加深自己的印象，因...
    DCbryant阅读 1,895评论 0赞 4
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 9,676评论 0赞 8
  • 6_动画_其他属性
    2D、3D变形动画 transform：2D变形：复合属性 通过 CSS3 转换，我们能够对元素进行移动、缩放、转...
    Zd_silent阅读 416评论 0赞 0