时间：2021-07-01 10:21:17 帮助过：2人阅读
查看演示 下载源码
HTML
本文结合实例给大家分享超酷的照片墙效果，该效果依赖jQuery和easing插件，因此首先载入这两个文件。
接着，我们在需要展示照片墙的位置放置如下代码：
CSS
CSS定义了照片墙基本样式，照片排列以及按钮样式。
JS
首先我们在页面上动态载入50张照片，照片源来自网络。
当点击按钮时，50张图片做不同程度的变形缩放转换淡出效果，因为要切入下一个照片墙了，当这些动作全部完成时，开始切入照片墙动画效果，调用了storm()函数。
自定义函数storm()完成了将每张照片进行角度旋转和Z轴位移动作，结合CSS3使得产生3D效果，然后调用easing实现缓冲效果，让整个照片墙切入十分流畅，请看代码：