Welcome to V2! This is a complete reimagining of the birthday greeting project, designed with an engaging, multi-step user experience and a host of modern animations.
- Interactive Multi-Step Reveal: A journey from a sealed envelope to an unfolding letter, culminating in a grand birthday celebration.
- Enhanced Animations:
- Rising Balloons: Colorful balloons float up the screen.
- Typewriter Text Effect: The main greeting is typed out for a dramatic effect.
- Envelope & Letter Animations: Smooth, delightful transitions between steps.
- Zero Dependencies: Built with just HTML, CSS, and vanilla JavaScript.
- Modern & Responsive Design: Looks beautiful on all devices.
- Easy to Customize: Personalize the name and message in a clearly marked section in the
index.htmlfile.
No complex setup is required! You can run this project locally in just a few steps.
You only need a modern web browser like Google Chrome, Firefox, or Safari.
- Clone the repository:
git clone [https://github.com/](https://github.com/)[your-username]/[repository-name].git
- Navigate to the project directory:
cd [repository-name] - Open the file:
Simply open the
index.htmlfile in your web browser. That's it!
Personalizing the birthday card is incredibly simple.
- Open the
index.htmlfile in a text editor. - Find the section marked with ``.
- Change the name inside the
<h2 class="name">tag. - Change the wish inside the
<p class="wish-message">tag. - Save the file, and your personalized greeting is ready!
Love this and want to make it even better? Contributions are welcome!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingNewAnimation) - Commit your Changes (
git commit -m 'Add some AmazingNewAnimation') - Push to the Branch (
git push origin/AmazingNewAnimation) - Open a Pull Request
Distributed under the MIT License. See the LICENSE file for more information.