新年抢红包效果(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啦,有木有觉得很简单哇,最后小编再次祝您:新的一年祝您财运亨通!身体健康!阖家欢乐!
博客园作者:herry菌朋友,看到这里,关注作者的公众号吧,不漏掉更新哦
![]()