# Generatore di ombre CSS

> Anteprima di una box shadow CSS e copia del codice.

[Open tool](https://www.toolcabana.com/it/box-shadow) · [Sviluppo e dati](https://www.toolcabana.com/it/category/developer-and-data)

Tool ID: box-shadow. Requested language: it. Description language: it. Complete guide translation: yes.

## Overview (en)

Color CSS shadow generator builds a box-shadow declaration from horizontal and vertical offsets, blur, spread, a shadow color and an opacity from 0 to 1, with an optional inset shadow. It shows a live preview card and outputs a ready-to-copy CSS line that writes the color as rgba.

## Supported tasks (it)

Anteprima di una box shadow CSS e copia del codice.

## Steps (it)

1. Regola i valori; un risultato iniziale viene calcolato dai valori predefiniti.
2. Modifica le impostazioni di base o apri la modalità avanzata per ottimizzare il risultato.
3. Esamina e copia o scarica il risultato. Metti in pausa i risultati in tempo reale per eseguire manualmente. Origini o singole impostazioni superiori a 20.000 caratteri richiedono un'esecuzione esplicita.

## Settings

- Spostamento orizzontale (px) (it; key: x; type: number)
- Spostamento verticale (px) (it; key: y; type: number)
- Sfocatura (px) (it; key: blur; type: number); minimum: 0; maximum: 200
- Diffusione (px) (it; key: spread; type: number)
- Colore ombra (it; key: color; type: color)
- Opacità (it; key: opacity; type: range); minimum: 0; maximum: 1
- Inset (it; key: inset; type: checkbox)

## Limitations (it)

Usa numeri finiti, date valide e gli intervalli mostrati da ciascun controllo. I valori non validi producono un errore senza risultato scaricabile.

## Example input

```text
Hello ToolCabana
```

## Privacy and connections (it)

Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.

## Questions (it)

### How do I make an inset box shadow in CSS?

Turn on the Inset option. The generated declaration then starts with the inset keyword, and the preview card shows the shadow inside its edges instead of outside.

### How do I set the transparency of a CSS shadow?

Use the Opacity slider, from 0 to 1 in steps of 0.01. The chosen color is converted to rgba with that alpha value, so the default of 0.15 gives a soft shadow.

### What is the maximum blur for the shadow generator?

Blur accepts whole pixel values from 0 to 200. The horizontal and vertical offsets and spread can be negative, which moves or shrinks the shadow.

### Dove viene elaborato il mio input?

Questa operazione elabora i dati di origine nel tuo browser. Copia e download sono azioni esplicite; l'input di origine non viene salvato in un account né in una cronologia.

### Quali sono i limiti di input?

Usa numeri finiti, date valide e gli intervalli mostrati da ciascun controllo. I valori non validi producono un errore senza risultato scaricabile.

## Related tools

- [Certificate decoder](https://www.toolcabana.com/it/certificate-decoder)
- [API request builder](https://www.toolcabana.com/it/api-request)
- [JSON to Dart model](https://www.toolcabana.com/it/json-to-dart)
- [JSON to TypeScript](https://www.toolcabana.com/it/json-to-typescript)