Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).
Livelli ombra
Impostazioni anteprima
CSS generato
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
Come usare
Imposta i Parametri
Regola offset, sfocatura ed espansione
Anteprima
Vedi l'ombra in tempo reale
Copia
Copia il codice CSS per l'utilizzo
Funzionalità
Controlli a Cursore
Controlli intuitivi a cursore per ogni parametro
Ombre Multiple
Sovrapponi più ombre insieme
Ombra Interna
Supporto per ombre interne (inset)
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 Border Radius
Genera CSS border-radius con controlli individuali per ogni angolo. Include opzioni per raggi ellittici e preimpostazioni di forme popolari.