Generátor CSS Box Shadow
Čo je CSS Box Shadow?
Vlastnosť CSS box-shadow pridáva efekty tieňa okolo rámčeka prvku. Tiene môžu byť posunuté, rozmazané, rozšírené, zafarbené a nastavené ako inset (vnútorný tieň). Viac tieňov oddelených čiarkami môže byť vrstvených pre bohaté efekty. Tento generátor vám umožňuje vizuálne vytvárať zložité viacvrstvové tiene a kopírovať hotový CSS do schránky.
Ako používať Generátor Box Shadow
-
Upravte posuvníky pre Offset X/Y, Blur a Spread na umiestnenie a tvarovanie tieňa.
-
Kliknite na farebný vzor na výber farby tieňa a použite posuvník Opacity pre priehľadnosť.
-
Prepnite 'Inset' na vytvorenie vnútorného žiary alebo efektu stlačenia.
-
Kliknite na '+ Pridať vrstvu' na vrstvenie viacerých tieňov na seba.
-
Skopírujte vygenerovaný CSS a vložte ho do svojho štýlového listu.
Keywords: generátor CSS box shadow, box-shadow CSS, CSS nástroj tieňov, CSS drop shadow, vnútorný tieň, viacvrstvový tieň, CSS shadow online