码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-12-23 01:10:54      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:简单   朋友   com   pack   img   全民   ack   bsp   http   

新年抢红包效果(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)

标签:简单   朋友   com   pack   img   全民   ack   bsp   http   

原文地址:http://www.cnblogs.com/wuhairui/p/6213306.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!