Cos'è CSS box-shadow
**box-shadow** è una proprietà CSS che aggiunge ombre agli elementi HTML. È una tecnica essenziale di web design che può esprimere profondità e dimensionalità utilizzando solo codice CSS senza immagini.
Parametri box-shadow
**box-shadow** è specificato nell'ordine 'offset-orizzontale offset-verticale sfocatura estensione colore'. Gli offset orizzontali e verticali determinano la posizione dell'ombra, la sfocatura controlla la morbidezza del bordo, l'estensione controlla la dimensione dell'ombra e il colore può essere specificato con **RGBA** includendo la trasparenza.
inset (Ombra interna)
L'aggiunta della parola chiave **inset** disegna l'ombra all'interno dell'elemento anziché all'esterno. Adatto per esprimere input di modulo rientrati o stati di pulsante premuto.
Stratificazione di ombre multiple
È possibile specificare più **box-shadows** con separazione da virgola per stratificare le ombre. Il design **Neumorphism** combina ombre chiare e scure per esprimere una texture tridimensionale.