FrankZamora 470ef0c14f [NIVEL 3] Issue #54 - Navbar Underline Animado Turquesa ...

Implementación de underline animado en navbar según diseño RDash.

**Cambios en header.css:**
- Agregado position: relative a .primary-menu a
- Implementado ::after pseudo-element con gradiente turquesa
- Animation scaleX(0) → scaleX(1) en hover
- Underline permanente en links activos (.current-menu-item)
- Soporte prefers-reduced-motion

**Características:**
✅ Gradiente: #61c7cd → #4db8c4 (CSS variables)
✅ Width: 80%, height: 2px
✅ Transición: 0.3s ease (CSS variable --transition-base)
✅ Transform origin: center
✅ Active links: underline permanente
✅ Accessibility: reduced motion support

Closes #54

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-04 20:05:53 -06:00

11 KiB

Raw Blame History

View Raw