本期给大家带来是结合CSS3画出来的一个立体3d魔方，结合了js让你随心所欲想怎么转，就怎么转，主要使用了CSS的tranform、transition、-webkit-perspective、animation、rotate、translate、scale、radial-gradient、linear-gradient等API

如何使用CSS3画出懂你的3D魔方~

前言

　　最近在写《动画点点系列》文章，上一期分享了< 手把手教你如何绘制一辆会跑车 >，本期给大家带来是结合CSS3画出来的一个立体3d魔方，结合了js让你随心所欲想怎么转，就怎么转，这里是 @IT·平头哥联盟，我是首席填坑官∙苏南(South·Su)，我们先来看看效果，然后再分解它的实现过程吧

CSS3画出懂你的3D魔方

  • 作者：首席填坑官∙苏南
  • 交流：912594095，公众号：honeyBadger8；本文原创，著作权归作者所有，转载请注明原链接及出处。

绘制过程：

　　好吧，gif图看着好像有点不是很清晰，想在线预览的同学，可点击在线预览

版权声明：本文为susouth原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/susouth/p/9992923.html