Design
Generatore di ombre CSS
Progetta ombre per box visivamente.
Come usare
Inizia da un preset o un livello, poi aggiungi livelli per la profondità. Attiva/disattiva inset per effetti premuti/neumorfici. Copia il valore separato da virgole in box-shadow.
FAQ
Posso sovrapporre più ombre?
Sì — aggiungi livelli per combinare un’ombra ambientale morbida con un’ombra di contatto netta oppure sovrapponi bagliori colorati. Ogni livello ha offset, sfocatura, espansione, colore e opzione inset propri.
Cosa fanno le preimpostazioni?
Punti di partenza con un clic: elevazione scheda in stile Stripe, neumorfismo in rilievo o premuto, profondità Material e bagliore morbido — regola i cursori dopo l’applicazione.
Come si usa l’output?
Copia la riga box-shadow nel tuo CSS. I diversi livelli sono separati da virgole, esattamente come previsto dai browser.
Ultimo aggiornamento: