模拟风琴效果的图片翻转

                           作者：坚定的守猴
                           撰写时间：2019年2月16日
                       开发软件与关键技术：DW；CSS3动画延迟

在生活中，我们都会把有意义的照片放到相册里，方便以后回忆的时候翻看怀念过去美好的时光。下面我就模拟风琴的方式去实现一下图片翻转的效果，从而为这些图片增加一点不一样的色彩。
结构部分：

一个大框子，包含里面几张图片。
样式如下：

外层框子和图片的样式
在图片加点阴影效果增添了不一样的效果。（白色边框部分）

下面就是核心的部分了

从图片的排序和时间的调控，这方面得慢慢来。旋转也需要定好定点，往哪个方向就调哪个方向。
下面就来看一下这效果图

第一个是做好的样式效果
这个是翻转起来的效果

小总结：到现在我发现了直接可以通过nth-child里面调图片的位置，这也方便了很多，不用再另自建盒子再写样式这么麻烦了。（其实为了这方便我还苦苦的探索了几个小时，才把这些样式完美的敲出来。一把辛酸总算功夫不负有心人。）