Generatore CSS Box Shadow
Cos'è il CSS Box Shadow?
La proprietà CSS box-shadow aggiunge effetti ombra intorno al bordo di un elemento. Le ombre possono essere spostate, sfocate, diffuse, colorate e impostate come inset (ombra interna). Più ombre separate da virgole possono essere sovrapposte per effetti ricchi. Questo generatore ti permette di costruire ombre multi-livello complesse visivamente e di copiare il CSS pronto per incollarlo negli appunti.
Come usare il Generatore di Box Shadow
-
Regola i cursori per Offset X/Y, Blur e Spread per posizionare e dare forma all'ombra.
-
Clicca sul campione di colore per scegliere un colore ombra e usa il cursore Opacity per la trasparenza.
-
Attiva 'Inset' per creare un bagliore interno o un effetto premuto.
-
Clicca su '+ Aggiungi livello' per sovrapporre più ombre.
-
Copia il CSS generato e incollalo nel tuo foglio di stile.
Keywords: generatore CSS box shadow, box-shadow CSS, strumento ombra CSS, CSS drop shadow, ombra interna, ombra multi-livello, CSS shadow online