本项目在原作者的基础上进行了一些改进。 本项目预览页面:https://friendly-paprenjak-ad64b7.netlify.app/
改进点:
- 增加了音乐播放效果
- 添加引导页
- 中文化
- 优化了一些细节
用于祝福特别的人或者恋人生日快乐,烘托浪漫气氛,关于项目背后的故事,可以看看我的知乎博客文章:由庆祝生日所想到的——网站背景音乐播放
fork 本项目,修改 customize.json 文件,将里面的内容替换为你自己的内容,然后在 github pages 或者其它一些托管网站上部署(如 netlify)即可。(再次感谢原作者)。 可以修改文字,图片,背景音乐等,但有一些注意的地方:
- 仅修改 customize.json 文件,不要修改其它文件,否则可能会导致页面无法正常显示。
- 音乐替换时注意重命名为相同名称的音乐文件,如我这里是
bgMusic.mp3
- 图片替换时生日帽子可能会偏,建议修剪图片尺寸和原图片相同,以确保最佳观赏效果。
整体使用的是纯 HTML、CSS 和 JavaScript,以及 GSAP 来制作动画。
感谢原项目作者的开源,本项目基于原项目进行修改,原项目地址:https://github.com/faahim/happy-birthday
如果你喜欢这个项目,可以给个 star ⭐ 鼓励一下我,谢谢!