HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字+烟花特效)

Yriaf@20222024-08-03 8:06

利用HTML+CSS+JavaScript制作了一个简单的七夕表白网页：

  • 这是一个简单的表白功能，可以用于小哥哥小姐姐在情人节向心爱的人表白使用
  • 点击信封中间的爱心，会出现一封信由信封向外展开，与此同时会有烟花绽放，并且自动播放背景音乐
  • 使用者可以通过更改文字内容，写上自己想要表白的话，音乐也可以换上自己喜欢的音乐，替换music.mp3文件即可

代码就不在这里展示了，已经放到gihtub上，gihtub链接

该项目已部署到Vercel上，想要看效果可访问：线上地址 （需要爬梯子才能访问哦😂）

如果有喜欢的家人吗麻烦可以在GitHub上帮忙点个小星星可以吗，拜托拜托😺

相关推荐
姚*鸿的博客15 分钟前
pinia在vue3中的使用
前端·javascript·vue.js
哆木1 小时前
部署在线GBA游戏，并通过docker安装启动
游戏·html·gba
Jiaberrr2 小时前
JS实现树形结构数据中特定节点及其子节点显示属性设置的技巧(可用于树形节点过滤筛选)
前端·javascript·tree·树形·过滤筛选
我码玄黄2 小时前
THREE.js：网页上的3D世界构建者
开发语言·javascript·3d
爱喝水的小鼠3 小时前
Vue3(一) Vite创建Vue3工程，选项式API与组合式API；setup的使用；Vue中的响应式ref，reactive
前端·javascript·vue.js
小晗同学3 小时前
Vue 实现高级穿梭框 Transfer 封装
javascript·vue.js·elementui
WeiShuai3 小时前
vue-cli3使用DllPlugin优化webpack打包性能
前端·javascript
forwardMyLife3 小时前
element-plus的面包屑组件el-breadcrumb
javascript·vue.js·ecmascript
丶重明3 小时前
【2024】前端学习笔记3-外部链接-内部链接-锚点链接
html
mez_Blog4 小时前
个人小结（2.0）
前端·javascript·vue.js·学习·typescript
热门推荐
01RAG 实践- Ollama+RagFlow 部署本地知识库02组基轨迹建模 GBTM的介绍与实现（Stata 或 R）032024年高教社杯数学建模国赛C题超详细解题思路分析04苍穹外卖面试总结05yolov8实战第五天——yolov8+ffmpg实时视频流检测并进行实时推流——（推流，保姆教学）06【2024数模国赛赛题思路公开】国赛B题思路丨附可运行代码丨无偿自提07软件工程从理论到实践客观题汇总(头歌第一章至第八章)08Coze扣子平台完整体验和实践（附国内和国际版对比）09【2024高教社杯全国大学生数学建模竞赛】B题 生产过程中的决策问题——解题思路 代码 论文1051-2 万字长文，深度解读端到端自动驾驶的挑战和前沿