Background Generator

A sleek web app to generate beautiful CSS linear-gradient backgrounds with live preview, color pickers, and instant CSS copy. Features animated neon headings and interactive particles for a modern look.

Features

• 🎨 Live Gradient Preview: Instantly see your chosen gradient as you pick colors.
• 🖌️ Color Pickers: Select two colors to create your custom linear gradient.
• 📝 Copy CSS: One-click copy of the generated CSS background property.
• ✨ Animated Neon Heading: Eye-catching glowing title.
• 🟢 Particles Background: Interactive, animated particles powered by tsParticles.
• 📱 Responsive Design: Looks great on all devices.

Getting Started

1. Clone the repository:

   git clone https://github.com/Arnabx-Dev/Background.git
   cd Background

2. Open index.html in your browser.
   • No build step required! All dependencies are loaded via CDN.

Project Structure

index.html        # Main HTML file
style.css         # App styling (neon, responsive, etc.)
script.js         # Gradient logic, color pickers, copy-to-clipboard, neon animation
particles.js      # Loads and configures tsParticles for animated background
README.md         # Project documentation

Usage

1. Open the app in your browser.
2. Use the color pickers to select your gradient colors.
3. Copy the generated CSS by clicking the copy button.
4. Enjoy the animated neon heading and interactive particles!

Credits

• tsParticles for the animated background.
• Neon font: Orbitron via Google Fonts.
• Made with ❤️ by Arnabx-Dev.