如何用CSS3画出一个立体魔方？

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

前言

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

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

绘制过程：

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