Handytool
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);

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.

Generátor CSS Box-shadow – časté dotazy

Rozprostření?
Positive zvětšuje, negative zmenšuje stín.
Více stínů?
Generátor jeden. Layer v CSS s čárkou.
Inset neviditelný?
Potřebují background nebo padding.
Pixel-přesný?
Ano — aktuální CSS property na element.

Související nástroje

Pro vývojáře →

Prozkoumat další nástroje

Všechny nástroje →