首页 > 代码库 > 新年抢红包效果(New Year Red Packet)

新年抢红包效果(New Year Red Packet)

新年抢红包效果(New Year Red Packet)

晓娜的文章(微信公众号:migufe)

2016即将过去,我们将迎来新的一年2017,这里小编提前祝大家新年快乐!万事如意!那我们新年最开心的事是什么呢,没错,我想要说的就是“抢红包”,家人群,朋友群,同事群,新年如果不抢几个红包,那真是好像失去了天大的乐趣。

下面我就分享一个简单的拆红包特效,最终结果就是下图:

技术分享

 

代码实现:

HTML代码部分

HTML代码比较简单,短短几行代码就全部可以搞定。

技术分享

CSS代码部分

因为本身红包就图个喜庆,颜色肯定是红色调为主,里面也没有难懂的标签需要解释,相信大家都可以看的懂哈。

技术分享

JS代码部分

JS代码也都是简单易懂的代码且每行都有注释供大家参考,所以全民为乐的抢红包,代码还是很接地气儿的。

技术分享

一个案例(微信扫码观看)

技术分享

 

备注

晃动的样式引用的是一个抖动样式库csshake.min.css,

地址是:http://pan.baidu.com/s/1kVPnT6v

大家可以自行下载哈。

 

后言

以上就是此案例所有的代码啦,新年你最想要什么礼物呢?赶紧动动小手,把“获得iPhone 7 128g手机一部”改成您最喜欢的礼物就OK啦,有木有觉得很简单哇,最后小编再次祝您:新的一年祝您财运亨通!身体健康!阖家欢乐!

新年抢红包效果(New Year Red Packet)