Generatore CSS di ombreggiatura scatola

Genera e visualizza in anteprima visivamente le proprietà CSS box-shadow.

Impostazioni ombra
Regola i cursori per personalizzare l'effetto ombra

Ombra 1

Predefiniti
Prova stili di ombra predefiniti
Anteprima
Vedi l'effetto ombra generato
Preview
CSS generato
box-shadow: 0px 4px 6px 0px #00000040;
Riferimento proprietà Box Shadow

Descrizioni delle proprietà

  • Offset X: Posizione orizzontale dell'ombra (positivo: destra, negativo: sinistra)
  • Offset Y: Posizione verticale dell'ombra (positivo: basso, negativo: alto)
  • Sfocatura: Raggio di sfocatura dell'ombra (0: nitido, valori maggiori più sfocati)
  • Diffusione: Dimensione dell'ombra (positivo: espandi, negativo: riduci)
  • Colore: Colore dell'ombra (HEX, RGB, RGBA, ecc.)
  • Interno: Se l'ombra è un'ombra interna
    Generatore CSS di ombreggiatura scatola | toolsmoah