Strumenti asset web

Generatore di CSS Triangle

Usa Generatore di CSS Triangle gratis nel browser. Non serve un account; i dati inseriti vengono elaborati localmente nel browser.

Funziona in localeI tuoi dati restano nel browser.
Area di lavoro
COME VIENE GENERATO

Genera un triangolo in puro CSS

Usa bordi trasparenti e un bordo colorato per creare un triangolo nella direzione selezionata.

Dimensione + colore + direzioneCSS triangoloElaborazione locale
01Dimensione + colore + direzione
02Box senza dimensione + bordi
03CSS triangolo

Le direzioni supportate sono su, giù, sinistra e destra.

DA SAPERE

Il triangolo viene creato con i bordi, non con un poligono

Un elemento con larghezza e altezza zero espone regioni triangolari dei bordi che possono essere colorate selettivamente.

PRIVACY BY DESIGN

Il contenuto resta nel browser

L’elaborazione viene eseguita localmente nella pagina senza dover inviare il contenuto a UtilityLake.

02

In breve

Cosa fa esattamente?

Usa bordi trasparenti e un bordo colorato per creare un triangolo nella direzione selezionata.

Un esempio?

Le direzioni supportate sono su, giù, sinistra e destra.