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.
Related tools
Proporzioni · calcolatore Calcola un aspect ratio (16:9...) e ricava la dimensione proporzionale mancante. Generatore di codici a barre Genera un codice a barre (EAN-13, Code128, UPC) da un valore, scaricabile, nel tuo browser. Base64 → immagine Decodifica un data URI o Base64 in un'immagine visualizzabile e scaricabile nel tuo browser. CSS border-radius · generatore Crea angoli arrotondati CSS (border-radius) con anteprima live e codice pronto da copiare. CSS box-ombra · generatore Genera un'ombra box CSS con un'anteprima dal vivo e un codice pronto per la copia. Dispositivo per la rimozione dello schermo verde Rendi trasparente un colore di sfondo (schermo verde/blu) ed esporta un PNG nel tuo browser.