写在前面：星光不问赶路人，时光不误有心人本栏将持续更新前端小案例~牛牛最近学到了一个神奇的旋转魔方，今天就来分享给大家吧，希望大家能喜欢最后有完整代码链接，请注意查收效果图实现功能：点击下方图片可翻转到对应图片实现思路：构建盒子模型，完成html代码编写设置样式，利用transform3D做出魔方JS构建事件1.HTML篇魔方中用标签包含图片，方便用包裹，后面给ul添加3D模式便可进行翻折比较简单不过多讲解,代码如下：2.CSS篇2.1基础设置清除样式默认的内外边距，直接上代码：2.2魔方样式主要是给父元素设置transform-style:preserver-3d;，对所有li子元素进行3D