<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>稀土掘金_新年红包</title>
<link rel="stylesheet" href="./css/hover-min.css">
<link rel="stylesheet" href="./lib/fontawesome-free-6.0.0-web/css/all.min.css">
<link rel="stylesheet" href="./css/style.min.css">
<link rel="stylesheet" href="./css/heartbeat.min.css">
</head>
<body>
<div class="container">
<!-- 红包盒子 -->
<div class="redpacket hvr-buzz-out">
<div class="content show">
<div class="top">
<h2 class="title">上进小菜猪_新年好</h2>
</div>
<div class="bottom">
<div class="open">開</div>
<div class="line"></div>
</div>
</div>
<!-- 领取红包页面 -->
<div class="collect">
<div class="collect_top">2023</div>
<div class="collect_bottom">
<h3 class="collect_title">上进小菜猪_祝你笑口常开</h3>
<h2 class="price
">6.66 <span>元</span></h2>
<div class="info"><a href="javascript:;">将「😂笑口常开」设为状态 ></a></div>
</div>
</div>
</div>
</div>
<footer>
<div class="copyright">©copyright by <a href="#" target="_blank">上进小菜猪</a> <i
id="heartbeat" class="fa fas fa-heartbeat"></i>
<span>2023</span>
</div>
</footer>
</body>
<script src="./js/anime.min.js"></script>
<script>
let redPacket = document.querySelector('.redpacket');
let open = document.querySelector('.open');
let content = document.querySelector('.content');
let collect = document.querySelector('.collect');
open.onclick = function () {
this.classList = 'open rotate';
setTimeout(function () {
content.classList = 'content';
collect.classList = 'collect show';
open.classList = 'open';
}, 3000);
}
</script>
</html>
新年红包，兔年HTML红包页面.zip
版权申诉
5星 · 超过95%的资源 112 浏览量
2023-01-08
19:11:45
上传
评论
收藏 2.94MB ZIP 举报 
新年红包，兔年HTML红包页面.zip （1770个子文件） 
hover-min.css 93KB all.min.css 87KB style.css 5KB style.min.css 4KB heartbeat.min.css 1KB
index.html 2KB all.min.js 1.4MB anime.min.js 17KB style.css.map 4KB style.min.css.map 4KB style.scss 5KB
solid.svg 834KB brands.svg 462KB regular.svg 144KB old-republic.svg 11KB wizards-of-the-coast.svg 8KB critical-role.svg 7KB the-red-yeti.svg 6KB mandalorian.svg 6KB grunt.svg 6KB reacteurope.svg 6KB optin-monster.svg 5KB d-and-d.svg 5KB jenkins.svg 4KB salesforce.svg 4KB d-and-d-beyond.svg 4KB rust.svg 4KB raspberry-pi.svg 4KB fort-awesome-alt.svg 4KB bacteria.svg 4KB linux.svg 4KB amazon-pay.svg 4KB cc-amazon-pay.svg 4KB themeisle.svg 3KB ussunnah.svg 3KB snapchat.svg 3KB snapchat-square.svg 3KB cc-amex.svg 3KB mailchimp.svg 3KB connectdevelop.svg 3KB node.svg 3KB sass.svg 3KB cc-mastercard.svg 3KB gears.svg 3KB react.svg 3KB face-kiss-beam.svg 3KB face-grin-tears.svg 3KB face-kiss-beam.svg 3KB face-grin-tears.svg 3KB galactic-senate.svg 3KB gitlab.svg 3KB gulp.svg 3KB truck-monster.svg 3KB battle-net.svg 3KB stroopwafel.svg 3KB face-kiss-wink-heart.svg 3KB border-none.svg 3KB phoenix-framework.svg 3KB wolf-pack-battalion.svg 3KB object-ungroup.svg 3KB braille.svg 3KB face-kiss-wink-heart.svg 3KB lungs-virus.svg 2KB aws.svg 2KB dungeon.svg 2KB face-grin-beam-sweat.svg 2KB viruses.svg 2KB soundcloud.svg 2KB firefox.svg 2KB aviato.svg 2KB ns8.svg 2KB meetup.svg 2KB spaghetti-monster-flying.svg 2KB cloud-sun-rain.svg 2KB golang.svg 2KB snowflake.svg 2KB burger.svg 2KB earth-europe.svg 2KB face-grin-beam-sweat.svg 2KB bots.svg 2KB users-gear.svg 2KB hanukiah.svg 2KB tty.svg 2KB dharmachakra.svg 2KB fingerprint.svg 2KB water.svg 2KB bacterium.svg 2KB angrycreative.svg 2KB face-kiss.svg 2KB keyboard.svg 2KB ember.svg 2KB earlybirds.svg 2KB virus-covid.svg 2KB vihara.svg 2KB face-grin-squint-tears.svg 2KB jsfiddle.svg 2KB circle-dollar-to-slot.svg 2KB biohazard.svg 2KB otter.svg 2KB city.svg 2KB共 1770 条
- 1
- 2
- 3
- 4
- 5
- 6
- 18
- 1
- 2
- 3
- 4
前往页