withaarzoo / animated-radio-button

This project demonstrates a simple yet visually appealing animated radio button implemented using only HTML and CSS. It provides an interactive way to select options with animated effects .

Animated Radio Button

This project demonstrates a simple yet visually appealing animated radio button implemented using only HTML and CSS. It provides an interactive way to select options with animated effects .

Preview

How to Use

1. Clone or download the repository to your local machine.
2. Open the index.html file in your web browser.

Features

• Radio button options for HTML, CSS, and JavaScript.
• Visually appealing animation effects.
• Easy to integrate into existing projects.
• No external libraries or dependencies required.

Implementation Details

The animation effects are achieved purely through CSS keyframes and transitions. The HTML structure comprises radio input elements paired with corresponding labels. Each label is styled to resemble a button, and when selected, triggers the associated animation effect.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Credits

• Font: Poppins by Google Fonts.

Acknowledgments

Special thanks to the contributors and open-source community for inspiring and supporting projects like this.

Feel free to contribute, suggest improvements, or report issues! Your feedback is highly appreciated.