Advanced Animation Buttons 🎨

A modern collection of 26 CSS animated buttons built using pure HTML5 & CSS3.
This project demonstrates creative hover effects, transitions, and UI animations for frontend inspiration and learning.

---

🚀 Features

• 26 Unique Button Animations
• Pure HTML & CSS (No JavaScript)
• Smooth Hover Effects
• Modern UI Design
• Beginner Friendly Code
• Fully Responsive Layout
• Reusable Components

---

🧩 Button Animation Types

1. Slide Up
2. Slide Down
3. Slide Left
4. Slide Right
5. Scale Up
6. Scale Down
7. Rotate
8. Skew
9. Flip Horizontal
10. Flip Vertical
11. Bounce
12. Pulse
13. Shake
14. Swing
15. Fade In
16. Glow
17. Border Radius
18. Inset Shadow
19. Gradient Shift
20. 3D Push
21. Ripple Effect
22. Slide Background
23. Neon Glow
24. Squeeze
25. Wobble
26. Neumorphic Button

---

🛠 Technologies Used

• HTML5
• CSS3
• Flexbox
• CSS Animations
• Keyframes
• Gradients & Shadows

---

📂 How to Use

1. Clone the repository
2. Open index.html in your browser
3. Hover over the buttons to see animations

---

✨ Customization

You can easily modify:

• Colors
• Button Sizes
• Animation Speed
• Fonts
• Shadows & Gradients

---

📸 Preview

Add screenshots or GIFs here to show animations.

---

👤 Author

Shahbaj

---

📄 License

Free for learning, personal projects, and portfolio use.