<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>html5+css3摇一摇动画打开红包抽奖特效</title>
<link rel="stylesheet" href="css/csshake.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/zepto.min.js"></script>
<script src="js/red.js"></script>
</head>
<body>
<!-- 红包 -->
<div class="red"><!-- shake-chunk -->
<img id="bac_img" src="img/red-w.png" />
<button class="redbutton" style="font-size:5vw;">￥</button>
<div class="red-jg">
<h1>恭喜您获得以下奖励</h1>
<h4>1.获得0.2元现金红包</h4>
<h4>2.都市丽人5元现金优惠券</h4>
<h4>3.其他活动</h4>
<img src="img/a83c480867ad451bb5fa855ec2bbc977.png" style="width:15vw;height:15vw; border-radius:0; position:absolute; top:20vw; left:37%;" />
</div>
</div>
<!-- End 红包 -->
<!-- 按钮 -->
<!--<div class="t-btn">
<button>立即领取</button>
</div>-->
<!-- End 按钮 -->
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
html5+css3摇一摇动画打开红包抽奖特效.zip
版权申诉
19 浏览量
2023-09-26
01:43:02
上传
评论
收藏 78KB ZIP 举报
html5+css3摇一摇动画打开红包抽奖特效.zip （8个子文件） 
js 
red.js 973B zepto.min.js 27KB img 
red-y.png 34KB a83c480867ad451bb5fa855ec2bbc977.png 6KB red-w.png 24KB css style.css 1018B csshake.min.css 21KB
index.html 1KB资源评论
