脚本宝典收集整理的这篇文章主要介绍了html与css,js创作沉浸式烟花,即将跨年,快给你亲爱的一起看烟花吧~用这个表白100%成功,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
什么,都快跨年了,还不快来带你的对象一起看烟花? 先看看效果:
下面是视频效果:html打造浪漫烟花
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>烟花</title>
<style>
html,
* {
margin: 0;
padding: 0
}
body {
background-image: url(qv1.jpg);
background-size: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.demo {
margin: 0 auto;
width: 100%;
height: 100%;
}
h1 {
margin: 175px auto 30px auto;
text-align: center;
font-family: 'Roboto';
}
</style>
</head>
<body>
<div class="demo">
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="fireworks.js"></script>
<script>
$('.demo').fireworks({
sound: true,
opacity: 0.8,
width: '100%',
height: '100%'
});
</script>
</body>
</html>
js这里采用百度网盘形式 链接 提取码:6666
如果喜欢的话,记得要给小舞点点关注收藏哦~
以上是脚本宝典为你收集整理的html与css,js创作沉浸式烟花,即将跨年,快给你亲爱的一起看烟花吧~用这个表白100%成功全部内容,希望文章能够帮你解决html与css,js创作沉浸式烟花,即将跨年,快给你亲爱的一起看烟花吧~用这个表白100%成功所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。