MCC Button

A fancy and interactive button with unique hover effects, created using HTML, CSS, and JavaScript.

Overview

This project showcases a custom button with advanced hover effects using SVG animations and CSS transitions. The button features multiple SVG elements that move and change colors on hover, providing a visually appealing interaction.

Tools and Technologies

HTML: Provides the structure of the webpage. CSS: Responsible for the styling of the button and hover effects. JavaScript: Used to dynamically insert SVG content into the button elements directly within the HTML file.

Features:

Custom Button: A styled button with a gradient background and unique hover effects. SVG Animations: SVG elements that animate and change colors on hover.

File Structure

HTML: Contains the main structure of the button and the SVG elements. CSS: Provides styling for the button, including gradient backgrounds, hover effects, and animations. JavaScript: Embedded within the HTML to dynamically insert SVG content into the button elements.

How to Run

Clone the repository. Open index.html in a web browser to view the button and its effects.