box-shadow

Analogamente a text-shadow, puoi applicare un’ombreggiatura ad un elemento di tipo block grazie a box-shadow1. La sintassi è simile a text-shadow, con alcune eccezioni:

x-shadow

La posizione dell’ombra rispetto all’asse X; può essere anche negativa.

y-shadow

La posizione dell’ombra rispetto all’asse Y; può essere anche negativa.

blur

La distanza della sfocatura.

spread

La grandezza dell’ombra.

color

Il colore dell’ombra.

Puoi utilizzare anche un particolare valore, inset, per impostare l’ombra all’interno dell’elemento e non all’esterno.

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen

Anche in questo caso, gli unici valori necessari per box-shadow sono x-shadow e y-shadow

1. box-shadow funziona solo sui browser più recenti: http://caniuse.com/#search=box-shadow