1Seleccione la dirección del triángulo (arriba, abajo, izquierda, derecha)
2Ajuste el ancho y la altura con los controles deslizantes
3Elija un color para el triángulo
4Copie el código CSS generado
Preguntas frecuentes
Al establecer el ancho y la altura de un elemento en 0 y aplicar bordes gruesos en los lados, el navegador renderiza las esquinas de los bordes como líneas diagonales, formando así una forma de triángulo.
Los triángulos CSS son puramente decorativos. Si el triángulo transmite un significado, agregue alternativas accesibles como un aria-label o texto visible cercano.