✨ Glowing Button Effect UI

A sleek and interactive glowing button built using HTML and CSS, designed with hover animations, neon lighting, and a modern aesthetic. This is a great micro-interaction UI component for landing pages, portfolios, and creative websites.

---

📌 Features

• 🔮 Glowing hover effect using @keyframes
• ⚡ Smooth transitions and letter spacing animation
• 🕹️ Custom hover interaction on both text and borders
• 💡 Uses CSS variables for color customization
• 📱 Centered layout with mobile-friendly design

---

🗂️ Project Structure

Glowing-Button-Effect/ ├── index.html # Main HTML file (button structure) └── style.css # Styling, glowing effect, and animations

---

🚀 How to Use

No dependencies required!

✅ Run Locally

git clone https://github.com/Arsh-pixel-cmd/Glowing-Button-Effect.git
cd Glowing-Button-Effect

Open index.html in your browser.

---

🧠 What You’ll Learn

• Crafting glowing neon effects with CSS
• Using pseudo-elements (::before, ::after) creatively
• Animating border lines and shadow effects
• Responsive Flexbox layout for centered alignment
• Dynamic visual design using --clr CSS variable

---

Demo

Demo.mp4

---

🎯 Ideal For

• Frontend developers polishing UI/UX skills
• Creative landing page designs
• Animated portfolios
• Mini UI projects

---

🙋‍♂️ Author

Arsh Mishra

LinkedIn • GitHub

---

📃 License

This project is licensed under the MIT License.

---

🌈 A button that doesn't just wait to be clicked — it glows to be noticed.