Strumento per creare ombre personalizzate in CSS

0px
0px
0px
0px
20%
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
CSS copiato!

FAQ rapide sul box-shadow CSS

Come ottenere un'ombra naturale?

Parti con valori bassi di blur e opacita, poi aumenta gradualmente. In genere un'ombra credibile usa poco spread, offset verticale leggero e un colore vicino al nero con trasparenza.

Quando conviene usare piu ombre?

Le ombre multiple funzionano bene su card, modali e pulsanti, per simulare profondita progressiva senza appesantire il layout. Prova prima un'ombra morbida esterna e poi una piu corta per definire il bordo.

Strumenti collegati

Se stai lavorando allo stile completo, puoi usare anche Generatore Gradienti e Generatore Colori.