Generátor CSS text-shadow
Vytvořte vrstvené CSS text-shadow s živými předvolbami pro neonový, vytlačený, 3D a obrysový text.
Generátor CSS text-shadow
Vytvořte CSS text-shadow deklaraci nastavením posunu, rozostření, barvy a opacity, přičemž nástroj aktualizuje hodnotu v reálném čase. Nástroj sestavuje jednu nebo více vrstev stínu v správném pořadí a čárkou oddělené syntaxi, což umožňuje kopírovat pracovní deklaraci přímo do vaší stylové tabulky bez ruční úpravy čísel.
Vyberte předvolbu a přejděte přímo na běžný efekt: neonový lesk skládá rostoucí, postupně mizející rozostřené prstence přímo u glyphu; vytlačený text přidá světlý zvýraznění oproti tmavému stínu pro razítkovací, vytlačovaný vzhled; 3D vrstvení opakuje pevnou, nerozostřenou barvu podél posunu pro efekt skládaného písma; a obrys předstírá tah pomocí osmi nerozostřených stínů kolem textu, protože text-shadow nemá vlastní vlastnost spread. Přepněte zpět na Vlastní režim pro úplnou ruční kontrolu nad posunem X a Y, poloměrem rozostření, počtem vrstev, barvou a opacity – každá vrstva roste z základních hodnot, které nastavíte. Vyberte si mezi jednotkami px a rem a mezi jednoduchou CSS deklarací nebo libovolnou třídou Tailwind pro projekty bez stylové tabulky.
Vytvořená hodnota nemá smysluplné horní omezení velikosti pro několik vrstev, ale nástroj stále chrání proti neujetému výstupu stejným způsobem jako každý generátor na tomto webu, takže patologický vstup nikdy nemůže zmrazit kartu. Každá možnost přepočítá výsledek v reálném čase s krátkým zpožděním, přičemž počítadlo níže hlásí počet vrstev a přesnou délku znaku deklarace.
Všechno běží lokálně ve vašem prohlížeči. Žádná volba barvy, posunu ani předvolby se nikdy nikam neposílá – nástroj počítá CSS zcela na vašem zařízení. Když jste spokojeni s výsledkem, zkopírujte jej, stáhněte jej jako soubor .txt nebo zašlete výstup zpět do vstupu, abyste jej mohli dále vylepšovat.