https://github.com/adityamamta/accept-decline-btn

Accept/Decline Animated Buttons | HTML & CSS
https://github.com/adityamamta/accept-decline-btn

animation button-animation frontend-web html-css

Last synced: 5 days ago
JSON representation

Accept/Decline Animated Buttons | HTML & CSS

• Host: GitHub
• URL: https://github.com/adityamamta/accept-decline-btn
• Owner: adityamamta
• Created: 2024-11-08T07:17:24.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-20T06:38:53.000Z (about 2 months ago)
• Last Synced: 2024-11-20T07:32:48.492Z (about 2 months ago)
• Topics: animation, button-animation, frontend-web, html-css
• Language: CSS
• Homepage: https://adityamamta.github.io/accept-decline-btn/
• Size: 253 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Accept/Decline Animated Buttons

## 

A set of interactive "Accept" and "Decline" buttons created with HTML, CSS, and Font Awesome icons. Each button features a smooth text transition on hover, swapping the label text with an icon, perfect for confirmation or decision prompts in a modern web interface.

### Features

- Smooth Text & Icon Transition: Text slides out and icons slide in when hovered over, creating a fluid, animated effect.

- Distinct Colors: The "Accept" button is green, while the "Decline" button is red for clear visual distinction.

- Responsive Design: Buttons are centered and responsive, suitable for a variety of screen sizes.

- Customizable: Easily modify colors, text, and icons as per your needs.

### Technologies Used

- HTML5

- CSS3 (with transitions and pseudo-elements)

- Font Awesome Icons

### 💼 Contact me 

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

- Email: [email protected]