Generator Box Shadow CSS — Umbre Setate Vizual

Umbrele box dau adâncime elementelor UI. Proprietatea CSS box-shadow are mai mulți parametri dificil de vizualizat mental. Generatorul nostru îți permite să setezi vizual.

Sintaxa box-shadow

box-shadow: offsetH offsetV estombare răspândire culoare inset. Decalaj orizontal pozitiv = dreapta. Decalaj vertical pozitiv = jos. Estombare = dimensiunea tranziției. Răspândire = extindere. Inset = umbra spre interior.

Suprapunerea mai multor umbre

CSS suportă mai multe umbre box cu virgule. Cu aceasta poți crea efecte complexe: o strălucire exterioară moale combinată cu o margine interioară subtilă. Folosește maxim 2–3 umbre — mai mult arată artificial.

Umbre realiste

Umbrele bune indică consistent o singură direcție a luminii. Material Design folosește umbre bazate pe niveluri de elevație. Umbrele subtile (decalaj mic, estombare mare, opacitate mică) arată mai profesionist decât umbrele mari și întunecate.