欢迎点击「算法与编程之美」↑关注我们！
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
问题描述背景介绍：
前几天看了一个小视频，了解到了3D正方体照片的打印效果。看的时候注意作者是使用HTML标签进行实现的。就想尝试自己写一下。这种3D照片效果，在我们生活中还是比较常见的。但在网页网站的设计中还是比较少见。我们常见的图片显示效果一般还是以轮播图为主。所以常用3D正方体效果来显示图片的话就会较新颖，独特，更具吸引力。
解决方案1.相关标签介绍：
正方体的效果，很明显我们需要翻折，旋转等标签属性。在之前的打印六边形的效果的博客中，我们已经介绍了有关翻转标签。这里就再简单的介绍一下:
transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理。transform: rotate(-60deg) skew(30deg)。其中Deg是表示倾斜角度的单位。Rotate表示旋转，skew倾斜。
2.实现过程：
在实现3D正方体照片效果的过程中，首先我们可以先将照片以及其他需要元素用HTML进行简单的罗列。这里我们可以增加类似轮播图效果的翻页。这样我们在观看图片的时候，就可以根据自身需要进行选择。
代码如下：
