Handytool
Dla programistówZa darmoDziała lokalnie

Generator CSS box-shadow

Projektuj CSS box-shadow — offsets, blur, spread, opacity, inset.

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

Dostosuj suwaki, aby zaprojektować cień — skopiuj CSS, gdy będzie gotowy.

O Generator CSS box-shadow

Generator box-shadow Handytool daje sliders dla offset, blur, spread, color, opacity — live preview card. Przełącz inset, pick kolor, skopiuj CSS.

Funkcje: Generator CSS box-shadow

  • 01

    Każdy parametr slider

    X/Y offsets, blur, spread, opacity — fine-tune drag, nudge keyboard.

  • 02

    Inset shadows

    Przełącz od drop do inner shadow.

  • 03

    Kolor + opacity

    Pick kolor, adjust opacity — rgba() output.

Generator CSS box-shadow – FAQ

Spread?
Positive enlarges, negative shrinks shadow przed blur.
Multiple shadows?
Generator single. Layer w CSS z comma.
Inset invisible?
Potrzebują background lub padding.
Pixel-accurate?
Tak — actual CSS property na element.

Powiązane narzędzia

Dla programistów →

Odkryj inne narzędzia

Wszystkie narzędzia →