box-shadow
Analogamente a text-shadow
, puoi applicare un’ombreggiatura ad un elemento di tipo block
grazie a box-shadow
1. 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.
Anche in questo caso, gli unici valori necessari per box-shadow
sono x-shadow e y-shadow