Welcome to the Sakura Rain Animation! This is a simple JavaScript code snippet that creates a mesmerizing animation of cherry blossom petals falling like rain.
Download the Files: Clone or download the index.js, index.html, and styles.css files into the same directory.
Open the HTML File: Open the index.html file in your preferred web browser.
Enjoy the Animation: Once the HTML file is opened, you'll see cherry blossom petals gracefully falling across your screen.
index.js: Contains the JavaScript code to create the Sakura Rain animation. index.html: HTML file where the animation is displayed. styles.css: CSS file to define the styles of the animation.
Feel free to customize the animation according to your preferences:
Number of Petals: You can adjust the number of cherry blossom petals falling by modifying the numberOfPetals variable in index.js. Petals' Appearance: You can change the color, size, and shape of the cherry blossom petals by modifying the corresponding CSS rules in styles.css. Animation Properties: Adjust the animation properties such as speed and duration by modifying the CSS @keyframes rule in styles.css. Contributing
If you have any suggestions or improvements for this animation, feel free to fork the repository, make your changes, and submit a pull request.
This animation is inspired by the beauty of cherry blossoms and created using HTML, CSS, and JavaScript.
This project is licensed under the MIT License - see the LICENSE file for details.
Created with ❤️ by [rojulhuda93]
If you have any feedback or questions, please feel free to contact us.
Enjoy the Sakura Rain! 🌸🌸🌸