Generatore CSS Triangolo
Genera triangoli CSS usando la proprietà border. Supporta tutte e 8 le direzioni con dimensioni e colori personalizzabili.
Direzione
Anteprima
Codice CSS
width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #3B82F6;
Come usare
Scegli la Direzione
Seleziona la direzione del triangolo
Regola le Dimensioni
Regola dimensione e colore
Copia
Copia il codice CSS per l'utilizzo
Funzionalità
8 Direzioni
Triangoli in 8 direzioni incluse le diagonali
Dimensione Personalizzata
Specifica larghezza e altezza in modo indipendente
Anteprima Live
Modifiche riflesse nell'anteprima in tempo reale
FAQ
🔗Strumenti correlati
Convertitore codici colore
Converti tra codici colore HEX, RGB e HSL. Usa il selettore di colore e l'anteprima in tempo reale per una selezione intuitiva dei colori.
Selettore di Colori
Scegli colori in modo intuitivo usando una ruota cromatica e cursori. Ottieni e copia codici colore in formato HEX, RGB e HSL.
Estrattore Colori Immagine
Rileva automaticamente i colori dominanti di un'immagine e genera una palette di colori. Puoi anche cliccare in qualsiasi punto dell'immagine per selezionare singoli colori.
Selettore Colore Medio Immagine
Calcola il colore medio di un'intera immagine o di un'area selezionata. Utile per scegliere schemi di colori o colori di sfondo per miniature.
Generatore CSS Gradiente
Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.
Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).