Skip to content

浪漫动态特效惊喜页面 💝#1

Open
ZLNiao wants to merge 1 commit into
mainfrom
romantic-surprise
Open

浪漫动态特效惊喜页面 💝#1
ZLNiao wants to merge 1 commit into
mainfrom
romantic-surprise

Conversation

@ZLNiao

@ZLNiao ZLNiao commented May 29, 2026

Copy link
Copy Markdown
Owner

This pull request was created by @kiro-agent on behalf of @ZLNiao 👻

Comment with /kiro fix to address specific feedback or /kiro all to address everything.
Learn about Kiro autonomous agent


这是什么

一个送给女孩子的浪漫动态特效页面 romantic.html,单文件、零依赖,浏览器直接打开即可。

包含的效果

  • 🌌 渐变夜空 + 闪烁星星 + 发光弯月 + 流星划过
  • 💕 粒子先汇聚成爱心,再重新拼出女孩的名字
  • 💌 告白文字逐字打出(打字机效果)
  • 🎆 点击屏幕绽放爱心烟花,并撒出漂浮爱心
  • 🌸 不断飘落的花瓣
  • 🎵 用 Web Audio 合成的轻柔旋律(无需任何音频文件)

如何自定义

打开文件,修改底部 <script> 里的 CONFIG 对象即可:

const CONFIG = {
  title:    "致最特别的你",
  name:     "宝贝",          // 换成她的名字
  messages: ["遇见你之后,", "我的每一天都变得闪闪发光 ✨", ...],
  signature: "—— 永远爱你的我",
};

测试情况

  • JS 语法已通过 node --check 校验
  • 自适应屏幕尺寸,支持桌面和手机触摸

- Starry night sky with twinkling stars, glowing moon and shooting stars
- Particles that converge into a heart and then spell out a name
- Typewriter love message with customizable text
- Click-to-launch heart fireworks and floating hearts
- Falling petals and a gentle Web Audio melody (no audio file needed)
- Fully self-contained single HTML file; customizable via CONFIG object

Co-authored-by: 老马 <45704657+ZLNiao@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants