Strumenti asset web

Generatore di CSS Box Shadow

Usa Generatore di CSS Box Shadow gratis nel browser. Non serve un account; i dati inseriti vengono elaborati localmente nel browser.

Funziona in localeI tuoi dati restano nel browser.
Area di lavoro
COME VIENE GENERATO

Genera un box-shadow CSS

Combina offset X/Y, blur, spread, colore e opacità in una dichiarazione CSS.

Parametri ombraCSS box-shadowElaborazione locale
01Parametri ombra
02HEX + opacità → rgba()
03CSS box-shadow

Un’opacità del 20% diventa un alpha di 0,2.

DA SAPERE

Blur e spread controllano aspetti diversi

Il blur ammorbidisce il bordo mentre lo spread amplia o restringe l’area dell’ombra prima della sfocatura.

PRIVACY BY DESIGN

Il contenuto resta nel browser

L’elaborazione viene eseguita localmente nella pagina senza dover inviare il contenuto a UtilityLake.

02

In breve

Cosa fa esattamente?

Combina offset X/Y, blur, spread, colore e opacità in una dichiarazione CSS.

Un esempio?

Un’opacità del 20% diventa un alpha di 0,2.