Generatore di box shadow CSS
Crea ombre con cursori per spostamento, sfocatura, diffusione e colore, poi copia il CSS.
Come usare
Build a shadow
Move the sliders to adjust the horizontal offset, vertical offset, blur and spread. Choose a color and enable inset for an inner shadow.
- Adjust the four sliders.
- Pick a shadow color.
- Copy the generated box-shadow declaration.
Negative values
Offsets and spread accept negative values, which move the shadow up or left and shrink it.
Domande frequenti
What is spread?
Spread expands or contracts the shadow before it is blurred. Positive values make the shadow larger.
Why is my shadow translucent?
The generated color includes partial transparency so the shadow blends with the background. Replace the color value if you want it fully opaque.
Strumenti correlati
Generatore di border-radius
Anteprima e copia dei valori CSS border-radius per ogni angolo in pixel o percentuale.
Generatore di gradienti CSS
Crea gradienti CSS lineari o radiali con anteprima live e CSS pronto da copiare.
Formattatore CSS
Abbellisce il CSS con una proprietà per riga e indentazione uniforme.
Generatore di UUID / GUID
Genera UUID versione 4 casuali e li copia uno per uno o in blocco.
Generatore di hash
Calcola i digest MD5, SHA-1, SHA-256 e SHA-512 di qualsiasi testo.
Convertitore di timestamp
Converte tra timestamp Unix, ISO 8601 e date locali leggibili.