CSS Box Shadow Generátor
Co je CSS Box Shadow?
Vlastnost CSS box-shadow přidává efekty stínu kolem rámečku prvku. Stíny mohou být posunuty, rozostřeny, rozšířeny, zbarveny a nastaveny jako inset (vnitřní stín). Více stínů oddělených čárkami může být vrstveno pro bohaté efekty. Tento generátor vám umožňuje vizuálně sestavit komplexní vícevrstvé stíny a zkopírovat hotový CSS do schránky.
Jak používat Generátor Box Shadow
-
Upravte posuvníky pro Offset X/Y, Blur a Spread pro umístění a tvarování stínu.
-
Klikněte na barevný vzorek pro výběr barvy stínu a použijte posuvník Opacity pro průhlednost.
-
Přepněte 'Inset' pro vytvoření vnitřního záře nebo efektu stisknutí.
-
Klikněte na '+ Přidat vrstvu' pro vrstvení více stínů na sebe.
-
Zkopírujte vygenerovaný CSS a vložte ho do svého stylopisu.
Keywords: CSS box shadow generátor, box-shadow CSS, CSS nástroj stínů, CSS drop shadow, vnitřní stín, vícevrstvý stín, CSS shadow online