-
Neon Glow Animated Navigation
HTML
CSS
JavaScript
<nav> <a href="#">Home</a> <a href="#">Services</a> <a href="#">Portfolio</a> </nav>
body { background: #000; font-family: Poppins; margin: 30% 10%; } nav { display: flex; justify-content: center; gap: 40px; margin-top: 50px; } nav a { color: #fff; font-size: 22px; text-decoration: none; padding: 10px 20px; border-radius: 10px; position: relative; transition: 0.3s; } nav a:hover { color: #0ff; box-shadow: 0 0 15px #0ff, 0 0 40px #0ff; }
Live Preview
- Neon Glow Animated Navigation