什么，都快跨年了，还不快来带你的对象一起看烟花？
先看看效果：
下面是视频效果：
html打造浪漫烟花
当然背景图片自己是可以添加制作的,点击屏幕就会有烟花的声音哦~
下面上代码：
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
如果喜欢的话，记得要给小舞点点关注收藏哦~
本文转载自: https://blog.csdn.net/weixin_52924633/article/details/122115733
版权归原作者 java舞动乾坤 所有， 如有侵权，请联系我们删除。
版权归原作者 java舞动乾坤 所有， 如有侵权，请联系我们删除。