Generatore di box-shadow CSS
Crea ombre CSS (box-shadow) con anteprima dal vivo: spostamento, sfocatura, diffusione, colore, opacità, più livelli e modelli pronti.
Come si usaGeneratore di ombre CSS
Disponibile in: 
Generatore di box-shadow CSS: a cosa serve
Regola spostamento, sfocatura, diffusione, colore e opacità dell’ombra e vedi subito il risultato. Combina più livelli per ombre realistiche e usa l’opzione interna (inset).
Ci sono modelli pronti come morbida a livelli, Material, fluttuante, contorno, neumorfismo e neon. Il codice CSS è pronto da copiare, già con il border-radius.
Come si usa
- Scegli un modello o parti da zero.
- Regola i livelli e i colori.
- Copia il CSS.
Quando usarlo
- Dare profondità a card e pulsanti.
- Creare effetti di neumorfismo e neon.
- Imparare come funziona il box-shadow.
Domande frequenti
Come creare un’ombra morbida e realistica?
Usa più livelli con poca opacità: uno corto e nitido e uno lungo e sfocato. Il modello Morbida a livelli lo fa già.
Cos’è l’ombra interna (inset)?
È l’ombra disegnata dentro l’elemento, che dà l’impressione che sia incassato. Seleziona l’opzione Interna sul livello.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.