Créez de beaux fils d'Ariane CSS avec aperçu en direct. Générez des fils d'Ariane avec plusieurs styles, séparateurs et couleurs personnalisables — tout avec du code CSS prêt à copier.
Le Générateur de Fil d'Ariane CSS est un outil en ligne gratuit qui crée de beaux composants de navigation en fil d'Ariane en utilisant du CSS pur. Choisissez parmi plusieurs styles incluant par défaut, flèche, pilule, souligné et minimaliste. Personnalisez les types de séparateurs, les couleurs, le rayon de bordure et les effets de survol. Chaque fil d'Ariane est généré avec du code CSS propre et prêt à copier qui fonctionne dans tous les navigateurs modernes. Aucune bibliothèque JavaScript requise.
Tous les fils d'Ariane utilisent des propriétés CSS3 standard supportées par les navigateurs modernes (Chrome, Firefox, Safari, Edge). Flexbox est utilisé pour la mise en page qui est bien supportée dans tous les navigateurs actuels.
Oui ! Le générateur crée un modèle avec le nombre d'éléments choisi. Ajoutez simplement plus d'éléments `<li>` au HTML pour inclure des niveaux supplémentaires de fil d'Ariane.
Le HTML généré utilise des éléments sémantiques `<nav>` et `<ol>` avec des étiquettes ARIA appropriées, rendant les fils d'Ariane accessibles aux lecteurs d'écran et aux technologies d'assistance.
Le générateur fournit des séparateurs basés sur du texte. Pour utiliser des polices d'icônes ou des séparateurs SVG, remplacez la propriété `content` dans le pseudo-élément `::before` par votre caractère de police d'icône ou utilisez une image de fond.