jQuery制作红包雨

首先，先看看效果：

 实现步骤如下：

1.我们先写结构，代码如下：

 <!-- 大红包 -->
    <div class="bigBox"><img src="./img/red.png" alt=""></div>
    <div class="box">
        <!-- 红包雨的视口 -->
        <div class="content"></div>
        <div class="redBox">
            <img src="./img/red.png" alt="">
        </div>
        <div class="time">10s</div>
    </div>

 2.写css样式

        该红包雨是先有一个大红包，然后进行点击才有小红包落下；

        所以小红包刚开始的时候隐藏起来，大红包调至视口居中的位置；

css代码如下：