Crea hermosas migas de pan CSS con vista previa en vivo. Genera migas de pan con múltiples estilos, separadores y colores personalizables — todo con código CSS listo para copiar.
El Generador de Migas de Pan CSS es una herramienta gratuita en línea que crea hermosos componentes de navegación de migas de pan usando CSS puro. Elija entre múltiples estilos incluyendo predeterminado, flecha, píldora, subrayado y minimalista. Personalice tipos de separadores, colores, radio del borde y efectos hover. Cada miga de pan se genera con código CSS limpio y listo para copiar que funciona en todos los navegadores modernos. No se requieren bibliotecas de JavaScript.
Todas las migas de pan usan propiedades estándar de CSS3 soportadas por navegadores modernos (Chrome, Firefox, Safari, Edge). Flexbox se usa para el diseño que está bien soportado en todos los navegadores actuales.
¡Sí! El generador crea una plantilla con su número elegido de elementos. Simplemente agregue más elementos `<li>` al HTML para incluir niveles adicionales de migas de pan.
El HTML generado usa elementos semánticos `<nav>` y `<ol>` con etiquetas ARIA apropiadas, haciendo las migas de pan accesibles para lectores de pantalla y tecnologías de asistencia.
El generador proporciona separadores basados en texto. Para usar fuentes de iconos o separadores SVG, reemplace la propiedad `content` en el pseudo-elemento `::before` con su carácter de fuente de icono o use una imagen de fondo.