Skip to content

A stylish animated background effect with a central image using HTML, CSS, JavaScript, and Particles.js. This project is deployed on GitHub Pages with full HTTPS compatibility.

Notifications You must be signed in to change notification settings

sarthak03dot/Animation-Image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎆 Animation-Image

A stylish animated background effect with a central image using HTML, CSS, JavaScript, and Particles.js. This project is deployed on GitHub Pages with full HTTPS compatibility.

🚀 Live Demo

🔗 https://sarthak03dot.github.io/Animation-Image/


🧰 Tech Stack

  • HTML5 – Structure of the webpage.
  • CSS3 – Styling and animation.
  • JavaScript – DOM interactions and logic.
  • Particles.js – Interactive particle background effect.

🖼 Preview

Image

📁 File Structure

Animation-Image/ ├── index.html
├── style.css
├── script.js
├── particles-config.json
├──README.md


✅ How to Use

  1. Clone the repository
git clone https://github.com/sarthak03dot/Animation-Image.git
cd Animation-Image
  1. Open the project

    Double-click index.html to open in browser, or

    Use a local server like Live Server in VS Code for best results.

  2. Deploy to GitHub Pages

    Push code to a GitHub repository.

    Go to Settings → Pages → Source → Select main and /root folder.

    Visit the deployed link using HTTPS.


🧑‍💻 Author

Sarthak Singh
📫 sarthak03december@gmail.com


📄 License

This project is licensed under the MIT License.
Feel free to fork, customize, and share!


🤝 Support

If you like this project, give it a ⭐ on GitHub and share it with others!

About

A stylish animated background effect with a central image using HTML, CSS, JavaScript, and Particles.js. This project is deployed on GitHub Pages with full HTTPS compatibility.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published