春节到了，程序员的对联页面是这样滴

前言

大年初一还在写代码。并不是我卷，而是最近发现了一些好康的动画效果，想要自己实现一下。

参考了b站一个up的切片动画，代码量很少，非常Nice，推荐去康康 => 传送门
还有在jQuery插件库的飘落效果 => 传送门

---

最终样子

---

视频展示（动态）

程序员的春节对联页面

---

实现思路

1.先是背景图片切片，再合并

2.合并快完成时，展示对联。用计时器来控制对联的展示

对联用三个并排标签指定宽度高度，用动画改变宽度实现展开效果

3.中间的图

改变透明度，加个translate过渡一下，也是用定时器控制

4.等中间图片显示后，开启纸片飘落效果

---

源码

由于源码有丢丢长，所以打包放到CSDN资源里了，想要的小伙伴可以免费下载。仅供学习。如果下载不了，可以评论一下哈。
点击这里跳转下载