This project showcases an interactive button that uses micro-interactions and a dynamic color scheme based on the time of day. The micro-interactions include a ripple effect and color change when the button is hovered over or clicked. The color scheme adjusts based on the time of day to reduce eye strain for users using the application at different times.
Link to live demo: N/A
- Dynamic color scheme based on the time of day.
- Micro-interactions on button hover and click.
- Implemented using HTML, CSS, and JavaScript (with GSAP library for animations).
To get a local copy up and running, follow these steps:
- Clone the repository:
git clone https://github.com/<your-github-username>/interactive-button.git
2.Navigate into the project directory:
cd interactive-button
3. Open the index.html file in your browser to see the button in action.
Contributing
Contributions are always welcome! Please read the contribution guidelines first.