A romantic interactive Valentine webpage built with HTML, CSS, and JavaScript.
Live Demo:
👉 https://gemmatruong.github.io/valentine_card/
- 💻 Animated scrolling "code" background
- 💌 Vintage love letter design
- 💖 Floating hearts animation
- 🏃♂️ A playful "No" button that runs away
- 🎆 Sparkle effects when clicking "Yes"
- 🖼 Animated reveal with glowing photo
- 💓 Heart pulse animation overlay
- 🌸 Custom baby neon pink theme
- HTML5
- CSS3 (Animations, Gradients, Keyframes, Flexbox)
- Vanilla JavaScript
- Google Fonts
This project is deployed using GitHub Pages.
To deploy your own version:
- Fork or clone this repository
- Push your changes
- Go to Settings → Pages
- Select
mainbranch →/ (root) - Save and enjoy your live site 🎉
You can easily customize:
- 🖼 Replace the photo in the reveal section
- 🎨 Change theme colors in
:root - ✨ Modify sparkle style and animations
- 💓 Adjust heart pulse speed
- 📝 Edit the message text
- Add background music
- Add confetti explosion
- Add typing animation
- Add countdown to Valentine’s Day
- Make it mobile-optimized
Created as a special interactive Valentine surprise.
If you like it, feel free to ⭐ star the repo!