Html
    Css
    Js

    
                        
body {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.redbag {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.redbag {
	width:300px;
	height:400px;
	border:1px solid #ccc;
	background:#fd2451;
}
.topbg {
	width:100%;
	height:100px;
	background:#fe4f5c;
	border-radius:0 0 15px 15px;
}
.outbg {
	margin-top:-30px;
	width:90px;
	height:90px;
	background:#fd2451;
	border-radius:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.kai {
	width:60px;
	height:60px;
	background:#FFEB3B;
	border-radius:100%;
	box-shadow:0 0 10px 2px gold;
	font-size:40px;
	font-weight:600;
	display:flex;
	justify-content:center;
	align-items:center;
	border:2px solid red;
	animation:scale .25s 100ms linear infinite;
}
.kai:hover {
	color:red;
}
@keyframes scale {
	from {
	transform:scale(0.9);
}
to {
	transform:scale(1.1);
	background:rgba(255,255,0,.5);
}
}.txt {
	font-size:32px;
	margin-top:50px;
	color:#FFEB3B;
	letter-spacing:7px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

模拟红包抽取(原创)

更新时间:2020-05-05 23:45:33

模拟随机抽取红包。

1、输入红包金额和红包的个数。

2、点击“檫”,抽取红包。

3、点击“再来一个恢复默认设置”
4、默认设置为:金额-100 ;红包个数-4

0