https://github.com/adityamamta/sign-up-button

Animated Sign up button build with HTML & CSS
https://github.com/adityamamta/sign-up-button

frontend-web html-css signup-button

Last synced: 5 days ago
JSON representation

Animated Sign up button build with HTML & CSS

• Host: GitHub
• URL: https://github.com/adityamamta/sign-up-button
• Owner: adityamamta
• Created: 2024-11-20T06:23:31.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-20T06:35:56.000Z (about 2 months ago)
• Last Synced: 2024-11-20T07:31:43.838Z (about 2 months ago)
• Topics: frontend-web, html-css, signup-button
• Language: CSS
• Homepage: https://adityamamta.github.io/Sign-up-button/
• Size: 251 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sign Up Button Animation

## 

A clean and interactive sign-up button built with HTML and CSS, featuring smooth hover effects and animations for enhanced user engagement.

### Features:

- Smooth Animations:

     - Text shifts out on hover, and an arrow icon slides in seamlessly.

     - A background transition adds depth and visual appeal.

- Reusable Styles: Uses CSS variables for easy customization of colors and fonts.

- Lightweight Code: Minimal and optimized for performance.

### Technologies Used:

- HTML5 for structure.

- CSS3 for styling and animations.

- Google Fonts for the modern "Poppins" typeface.

### How It Works:

- On hover:

     - The arrow icon animates into view with a subtle sliding effect.

     - The text fades and slides out for a dynamic appearance.

- The button’s background transitions smoothly from left to right, creating a polished effect.

### 💼 Contact me 

- linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/)

- Email: [email protected]