Informazioni su questo strumento
Crea un triangolo in puro CSS usando il classico trucco dei bordi — scegli direzione, dimensione e colore, poi copia la regola. L'anteprima si aggiorna in tempo reale e tutto funziona nel tuo browser.
Domande frequenti
Come funziona il trucco dei bordi?
Un elemento con larghezza e altezza pari a zero mostra solo i suoi bordi; rendendo trasparenti tre bordi rimane un solo bordo colorato a forma di triangolo.
Perché larghezza e altezza sono impostate a 0?
Senza area del riquadro i bordi si incontrano al centro, quindi l'unico bordo visibile diventa un triangolo netto invece di un bordo spesso.