Acerca de esta herramienta
Produce un triángulo de puro CSS usando el clásico truco de bordes — elige una dirección, un tamaño y un color, y luego copia la regla. La vista previa se actualiza en vivo y todo se ejecuta en tu navegador.
Preguntas frecuentes
¿Cómo funciona el truco de bordes?
Un elemento con ancho y alto cero solo muestra sus bordes; al hacer transparentes tres bordes queda un único borde coloreado con forma de triángulo.
¿Por qué el ancho y el alto se establecen en 0?
Sin área de caja los bordes se encuentran en el centro, así que el único borde visible se convierte en un triángulo limpio en lugar de un borde grueso.