Handytool
Pentru dezvoltatoriGratuitRulează local

Generator Box Shadow

Construiește și previzualizează umbre de cutii CSS cu strat pe strat — copie cu un click.

Previzualizare
CSS
box-shadow: 0px 8px 24px -4px rgba(10, 10, 10, 0.18);

Ajustați glisoarele pentru a proiecta umbra — copiați CSS atunci când arată bine.

Despre Generator Box Shadow

Generatorul box shadow al Handytool-ului te ajută să construiești umbra perfectă pentru un element prin ajustarea offset-ului X și Y, blur radius, spread și culoare. Adaugă mai multe straturi de umbre, previzualizează simultan cu dimensiuni și fundal personalizabil, și copiază CSS generat direct în foaia ta de stil. Totul este calculat în browser — nu sunt necesare extensii sau compilatoare.

Generator Box Shadow – funcționalități

  • 01

    Straturi de umbre nelimitate

    Adaugă atâtea umbre câte vrei și stivuiește-le cu virgule pentru efecte complexe de adâncime și suprafață.

  • 02

    Previzualizare live cu teme

    Selectează culoare de fundal, dimensiune și stil de text pentru a vedea cum arată umbra ta pe un element real, cu orice combinație de contrast.

  • 03

    Export CSS curat

    Copiază proprietatea CSS de box-shadow completă, gata să lipi direct în stylesheet-ul tău — nu sunt necesari preprocesori.

Generator Box Shadow – întrebări frecvente

Pot copia exact din Chrome DevTools?
Da. Copy din DevTools pasteaza o declarație de stil și parsez cu grijă offset-ul, blur, spread și culoare pentru a te duce direct la valorile corecte.
Ce face spread radius?
Spread radius mărește (sau micșorează dacă negativ) zona umbrelor înainte de aplicarea blur. Valori pozitive fac umbra mai mare; negative o fac mai mică decât elementul.
Suportează inset shadows?
Da. Bifează caseta de inset pe orice strat pentru a pune umbra în interior — perfectă pentru efectele de depresiune.
Care este ordinea parametrilor pentru box-shadow?
offsetX offsetY blurRadius spreadRadius color [inset]. Handytool-ul aranjează totul pentru tine.

Ghiduri

Articole →

Instrumente similare

Pentru dezvoltatori →

Explorează alte instrumente

Toate instrumentele →