红包雨网页动画

简单的红包雨网页动画，使用少量的JavaScript代码和CSS3实现的下落动画。

红包是png小图片，用js代码随机生成网页元素

const hongbaos = Array.from(new Array(20))
    const maxLeft = document.body.offsetWidth - 40
    document.body.innerHTML = hongbaos.map(v => {
        return `<img src="hongbao.png" class="img" 
            style="left:${Math.random() * maxLeft}px;
            animation-duration: ${Math.random() * 2 +1}s;"
        />`
    }).join('')

往下落的动画是用css3实现的

 @keyframes run {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(150vh);
            }
        }