toolbin_

Generatore di triangoli CSS con bordi

Genera un triangoil CSS (trucco del bordo) con direzione, dimensione e colore.

🔒 100 % lato client — nessun dato inviato

Crea un triangoil CSS utilizzando la tecnica del bordo e copia il codice pronto da incollare. Scegli la direzione, la dimensione e il colore con un'anteprima istantanea. Perfetto per frecce, descrizioni comandi e puntatori, generati interamente nel tuo browser.

What is it for?

  • Crea frecce e puntatori senza immagini
  • Aggiungi un puntatore a un tooltip o a un fumetto di chat
  • Scegli direzione, dimensione e colore del triangolo
  • Copia CSS puro, leggero e ampiamente compatibile

FAQ

Come viene creato un triangolo in CSS?

Assegnando a un elemento larghezza e altezza pari a zero e colorando un singolo bordo mentre gli altri rimangono trasparenti.

Posso cambiare la direzione del triangolo?

Sì, scegli semplicemente quale bordo colorato deve essere rivolto verso l'alto, il basso, a sinistra o a destra.

Questo triangolo è compatibile con tutti i browser?

Sì, la tecnica del bordo è vecchia e supportata da tutti i browser, anche quelli legacy.