js实现移动端红包雨效果

最新推荐文章于 2023-10-18 11:03:27 发布

冰中何人知

最新推荐文章于 2023-10-18 11:03:27 发布

阅读量5.7k

点赞数 1

分类专栏： js小效果文章标签：红包雨

本文链接：https://blog.csdn.net/weixin_44167314/article/details/85091170

版权

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html5手机端抢红包雨</title>

<style type="text/css">
    html,body{width: 100%;
        height: 100%;}
    body {
        margin: 0;
        padding: 0;
        position: relative;
        background-position: center;
        overflow-y: hidden;
        background:url(http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201702/jiaoben4852/images/bj.jpg) no-repeat top left ;
        background-size:  100%;
    }
    .couten {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: hidden;
    }
    .couten li {
        position: absolute;
        animation: all 3s linear;
        top:-100px;
        cursor: pointer;
        list-style: none;
    }
    .couten li img{
        width: 150px;
        height: 200px;
        display: block;
    }
    .mo {
        position: absolute;

最低0.47元/天解锁文章