Generátor CSS stínu
Vizuálně navrhujte stíny pro CSS.
Jak používat
Začněte s přednastavením nebo jednou vrstvou, poté přidejte další vrstvy pro hloubku. Přepínejte režim inset pro efekty stlačení/neumorfní vzhled. Zkopírujte hodnotu oddělenou čárkami do vlastnosti box-shadow.
FAQ
Mohu naskládat více stínů?
Ano – přidejte vrstvy, abyste kombinovali měkký ambientní stín s pevným kontaktním stínem, nebo naskládejte barevné světla. Každá vrstva má vlastní odsazení, rozostření, rozprostření, barvu a přepínač inset.
K čemu slouží přednastavení?
Výchozí body jedním kliknutím: zvýšení karty ve stylu Stripe, neumorfismus vyvýšený/stlačený, hloubka materiálu a jemný svit – po aplikaci upravte posuvníky.
Jak použít výstup?
Zkopírujte řádek s vlastností box-shadow do svého souboru CSS. Více vrstev je odděleno čárkami, přesně jak očekávají prohlížeče.
Naposledy aktualizováno: