html与css，js创作沉浸式烟花，即将跨年，快给你亲爱的一起看烟花吧~用这个表白100%成功

什么，都快跨年了，还不快来带你的对象一起看烟花？
先看看效果：

下面是视频效果：

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>

完整代码这里采用百度网盘形式
点我进去领取哦
提取码：6666

个人博客:
链接

如果喜欢的话，记得要给小舞点点关注收藏哦~

html与css，js创作沉浸式烟花，即将跨年，快给你亲爱的一起看烟花吧~用这个表白100%成功相关推荐

如何最大化利用CPU性能创作沉浸式VR体验
-- 本文来自英特尔游戏开发部门的 Justin Link -- 在三年多的时间,我有幸负责管理一家名为Chronosapien的工作室,而我们主要是通过新兴技术组件来创建交互式内容.我们涉足了大量不 ...
HTML+CSS+JS实现 ❤️响应式图文卡片滑块展示特效❤️
效果演示: 代码目录: 主要代码实现: CSS样式: @import url("https://fonts.googleapis.com/css?family=Quicksand:400,5 ...
HTML+CSS+JS实现 ❤️响应式的幸运大转盘❤️
效果演示: 代码目录: 主要代码实现: 部分CSS样式: .winnerBox {max-width: 40rem;padding: 30px;margin: 30px auto;/*height: ...
HTML+CSS+JS实现 ❤️响应式团队❤️
效果演示: 代码目录: 主要代码实现: CSS样式: body {margin: 0;min-height: 100vh;display: flex;justify-content: center;a ...
基于HTML5+CSS+JS的响应式圣诞老人过悬崖小游戏
1500套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计
一.1500套HTML期末学生结课大作业作品(HTML+CSS+JS) 这8年来做了1000多套(HTML+CSS+JS)网页设计的学生期末大作业,都是给学生定制的都符合学校或者学生考试期末作业的水平 ...
《炉石传说》设计师：如何创造沉浸式用户界面
用户界面(UI)设计在游戏研发最终阶段之前,通常都是被忽略的,但是,在项目的一开始就为UI问题加入一点点的思考,可以给你的研发过程带来很大的帮助.<炉石传说>高级UI设计师Derek Sa ...
android仿咸鱼底部导航栏,Flutter沉浸式状态栏/AppBar导航栏/仿咸鱼底部凸起导航栏效果...
如下图:状态栏是指android手机顶部显示手机状态信息的位置. android 自4.4开始新加入透明状态栏功能,状态栏可以自定义颜色背景,使titlebar能够和状态栏融为一体,增加沉浸感. 如上 ...
android statusbar背景,Android踩坑记之沉浸式StatusBar
沉浸式statusBar开始火热的时候也是比较久远了,网上各种大牛关于这部分的博客也是多的一塌糊涂.自己动手写博客,作为知识的巩固,话不多说,直接开搞.5.0以下的暂时不想搞,毕竟懒人一枚. 布局中有 ...

html与css，js创作沉浸式烟花，即将跨年，快给你亲爱的一起看烟花吧~用这个表白100%成功

html与css，js创作沉浸式烟花，即将跨年，快给你亲爱的一起看烟花吧~用这个表白100%成功相关推荐

最新文章

热门文章