1Sélectionnez la direction du triangle (haut, bas, gauche, droite)
2Ajustez la largeur et la hauteur avec les curseurs
3Choisissez une couleur pour le triangle
4Copiez le code CSS généré
Questions fréquentes
En définissant la largeur et la hauteur d'un élément à 0 et en appliquant des bordures épaisses sur les côtés, le navigateur rend les coins des bordures comme des lignes diagonales, formant ainsi une forme de triangle.
Les triangles CSS sont purement décoratifs. Si le triangle véhicule un sens, ajoutez des alternatives accessibles comme un aria-label ou du texte visible à proximité.