Creare un’ombra interna nei CSS è piuttosto semplice grazie alla proprietà `box-shadow`. Ecco un esempio di come potrebbe sembrare nel tuo codice CSS:
```
div {
width: 200px;
height: 200px;
background-color: #1A1A9B;
box-shadow: inset 0 0 15px #000;
}
```
Qui stiamo applicando un’ombra interna a un elemento `div`. Ecco cosa significa ciascuno dei valori nel parametro box-shadow:
- `inset`: Fa in modo che l’ombra sia all’interno dell’elemento, anziché all’esterno.
- `0 0`: Questi due numeri rappresentano lo spostamento dell’ombra sull’asse X e sull’asse Y. Un valore di 0 significa che l’ombra non viene spostata.
- `15px`: Questo è il raggio dell’ombra, che determina quanto sia sfocata.
- `#000`: Questo è il colore dell’ombra. Qui è impostato su nero.
Nell’esempio che abbiamo mostrato, l’ombra interna non avrà alcun offset, sarà piuttosto sfocata e sarà di colore nero. Puoi naturalmente modificare questi valori per adattarli al tuo design.
