Strumenti immagine e design
Box Shadow Generator
Box Shadow Generator funziona nel browser per verificare, convertire o preparare risultati senza inviare l'input a un server.
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator è uno strumento locale del browser per il flusso immagine e design. Input, opzioni e risultato restano in una pagina.
How to use it
- Incolla l'input
Inserisci o incolla il valore da elaborare nell'area di input.
- Regola le opzioni
Scegli modalità, formato o unità adatti a box shadow, CSS shadow, elevation.
- Verifica il risultato
Esegui lo strumento e copia o scarica il risultato dopo la verifica.
Examples
Esempio Box Shadow Generator
- Input
- Input di esempio
- Output
- Output verificato nel browser.
Practical tips
- Con contenuti grandi, inizia da un campione piccolo.
- Gli annunci restano fuori dai controlli e dai risultati principali.
FAQ
Quale input usare con Box Shadow Generator?
Usa valori coerenti con l'attività visibile e regola le opzioni prima di eseguire.
Posso copiare il risultato di Box Shadow Generator?
Sì. Verifica il risultato, poi copialo o scaricalo.
Box Shadow Generator funziona su mobile?
Sì. Input, opzioni e risultato si impilano su schermi piccoli.
Il mio input viene inviato a un server?
No. Lo strumento è progettato per elaborare l'input nel browser.