Generatore Box Shadow CSS
Crea ombre CSS visivamente con anteprima in tempo reale.
0 di 3 utilizzi oggi · 3 rimanenti. Passa a Pro e rimuovi il limite.
Anteprima dal vivo
box-shadow: 0px 30px 60px -15px #4f46e566;Livelli (1/6)
§ Come usare
Come generare un CSS box-shadow visivamente
Crea ombre di qualsiasi profondità (da sottili a drammatiche) con anteprima in tempo reale e codice pronto da copiare.
Imposta gli offset
X (orizzontale), Y (verticale), Blur (morbidezza) e Spread (spessore). Trascina i cursori per un feedback visivo immediato.
Scegli il colore dell'ombra
Il predefinito è nero a bassa opacità (un'ombra naturale). Per un 'bagliore' colorato, usa il colore del tuo brand.
Sovrapponi più livelli (opzionale)
Le ombre professionali usano 2-3 livelli (un'ombra ravvicinata più una diffusa). Sovrapponili per una profondità reale.
Copia il CSS
Pronto da incollare. Include un inset opzionale (ombra interna) e prefissi cross-browser.
Correlati
Strumenti correlati
Da mesma categoria.
Convertitore da SVG a React
Incolla il tuo sporco codice SVG e ottieni un componente React ottimizzato, pronto e formattato per il Web moderno.
Tester di regex
Convalida le tue espressioni regolari con evidenziazioni dinamiche.
Editor di tabelle Markdown
Crea e modifica tabelle Markdown visivamente con esportazione facile.
Formattatore SQL
Abbellisci e indenta le tue query SQL disordinate senza problemi.
Formattatore JSON
Abbellisci, convalida e minimizza rapidamente i tuoi oggetti JSON.
Parser di espressioni Cron
Converti istantaneamente espressioni cron in linguaggio naturale.