HTML5微信红包雨抽奖特效动画JS效果1
微信红包雨的动画效果，真的是节日活动的必备气氛组。HTML5 微信红包抽奖红包雨特效动画 js 效果 1.zip这个资源，做得还挺不错，动画流畅，交互反馈也蛮及时的，用来做个营销页面，效果一流。
用的是HTML5、JavaScript配合CSS3，视觉表现挺丰富的。canvas加上requestAnimationFrame搞定整场红包雨，性能上还挺稳，不卡顿，适合放在移动端。
红包的下落是用setInterval或者requestAnimationFrame控制的，配合top和left的变化，再加点transform: rotate()，落下来的时候晃一晃，还挺像那么回事。
红包位置是随机的，用Math.random()搞定，速度和角度也能自定义。如果你想让红包掉得更密集或者更飘逸，调一下参数就行。逻辑部分不复杂，挺适合前端练手或者快速集成用。
文件结构比较清晰，核心代码都在index.html和配套的.js文件里。你想套进自己的页面，只要把对应div放进去，样式对一对就差不多了。
如果你是做活动页面、公众号推广、H5 游戏的，直接拿来改一下文案就能上线，节省不少开发时间。哦对了，手机上兼容性也还不错，主流浏览器都跑得起来。
文件大小：225.47KB
评论区