Positive zvětšuje, negative zmenšuje stín.

Generátor jeden. Layer v CSS s čárkou.

Potřebují background nebo padding.

Ano — aktuální CSS property na element.

Pro vývojářeZdarmaSpouštěno lokálně

Generátor CSS Box-shadow

Navrhněte CSS box-shadow — posuny, rozmazání, rozprostření, opacity, inset.

Náhled

CSS

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

Posun X (px)

Posun Y (px)

Rozmazání (px)

Rozprostření (px)

Neprůhlednost

Barva stínu

Vnitřní

Upravte posuvníky a navrhněte stín — zkopírujte CSS, když to vypadá správně.

O Generátor CSS Box-shadow

Generátor box-shadow Handytool poskytuje posuvníky pro posun, rozmazání, rozprostření, barvu, opacity — live náhled card. Přepínejte inset, vyberte barvu, zkopírujte CSS.

Funkce: Generátor CSS Box-shadow

01
Každý parametr posuvník
X/Y posuny, rozmazání, rozprostření, opacity — fine-tune táhnutím.
02
Inset stíny
Přepínejte od drop k inner stínu.
03
Barva + opacity
Vyberte barvu, upravte opacity — rgba() výstup.