https://github.com/abdulrahmans0414/change-bg-color
"Change Background Color" project, an interactive web application that enables users to dynamically alter the webpage's background color. Experience the visual delight of color transformations with a simple click.
https://github.com/abdulrahmans0414/change-bg-color
frontend-web-development html-css-javascript interactive-web
Last synced: 3 months ago
JSON representation
"Change Background Color" project, an interactive web application that enables users to dynamically alter the webpage's background color. Experience the visual delight of color transformations with a simple click.
- Host: GitHub
- URL: https://github.com/abdulrahmans0414/change-bg-color
- Owner: abdulrahmans0414
- Created: 2023-10-14T15:08:55.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-27T10:36:56.000Z (over 1 year ago)
- Last Synced: 2025-02-22T17:46:52.921Z (3 months ago)
- Topics: frontend-web-development, html-css-javascript, interactive-web
- Language: JavaScript
- Homepage: https://jolly-maamoul-588ae0.netlify.app
- Size: 9.77 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Change Background Color 🎨
Simple interactive web application allowing users to dynamically change the webpage background color.
## Deployment
Check out the live demo: [Change-background-Color](https://jolly-maamoul-588ae0.netlify.app)
## How It Works
- **Current Color Display:** The application shows the current background color in RGB format.
- **Change Background Color Button:** Click to generate a random RGB color.
- **Dynamic Color Change:** The webpage's background color changes to the new color.
- **Hover Effect:** The button changes color subtly on hover.
## Technologies Used
- **HTML:** Structure and content.
- **CSS:** Styling and design.
- **JavaScript:** Logic for generating random colors and button click events.
## How to Use
1. **Clone the repository:**
-git clone [https://github.com/abdulrahmans0414/Change-bg-Color.git]
2. **Open `index.html` in your web browser:**
- Click the "Change Background Color" button to experience the color transformation.
## Developer
- **Name:** [Abdul Rahman]
- **Email:** [[email protected]]
- **GitHub:** [https://github.com/abdulrahmans0414]
Feel free to experiment with different colors and enjoy the visual impact of this interactive application. For questions or suggestions, feel free to contact me. Have fun exploring the vibrant world of colors!
---
This README.md provides an overview of the project, including its purpose, features, usage instructions, technologies used, and developer information. Customize it further with your specific details and project-related information.