Strumento online CSS Box Shadow Generator

color
color

Crea le proprietà dell'ombra della tua casella per ottenere lo stile CSS.

Usa i cursori e il selettore di colori per impostare i valori e guardare l'anteprima dal vivo fino a raggiungere l'effetto desiderato. Seleziona lo spostamento in basso a destra, diffusione, sfocatura, opacità, colore.

Seleziona un colore personalizzato per lo sfondo dell'anteprima e il tuo oggetto.

 

Aggiungi più Box-Shadows

I browser Web ci consentono di aggiungere più di un'ombra al nostro design, così come questo strumento online. Utilizzare il pulsante Aggiungi nuovo per salvare la riga corrente e configurarne una nuova. 

 

Sintassi CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Nota:  per allegare più di un'ombra a un elemento, aggiungi un elenco di ombre separate da virgole (vedi l'esempio "Prova tu stesso" di seguito).