Home / Codice / Generatore box-shadow CSS
Generatore box-shadow CSS
Compone una regola box-shadow e mostra l anteprima in tempo reale.
Quando si usa
Quando vuoi dare profondita a card, finestre, immagini o pulsanti mantenendo un ombra controllata.
Perche e utile
Aiuta a capire l effetto di spostamento, sfocatura, espansione e trasparenza.
Esempio pratico
Una card puo usare box-shadow: 0 10px 25px rgba(0,0,0,.15).
Nota: lo strumento lavora nel browser. Prima di usare il risultato in produzione, controllalo e adattalo al progetto reale.
Usa lo strumento
Colore ombra
Anteprima dell ombra
Card di esempio
box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.15);