Generátor CSS text-shadow
Vytvorte vrstvené CSS text-shadow s živými predvoľbami pre neonový, vypuklý, 3D a obrysový text.
Generátor CSS text-shadow
Vytvorte CSS text-shadow deklaráciu nastavením posunutia, rozmazania, farby a priehľadnosti, pričom nástroj v reálnom čase aktualizuje hodnotu. Nástroj zostavuje jednu alebo viac vrsten tieňa v správnom poradí a čiarkovom syntaxe, čím umožňuje kopírovať pracovnú deklaráciu priamo do vášho štýlového súboru bez ručného dolaďovania čísel.
Vyberte predvoľbu a skočte priamo na bežný efekt: neonový žiar stavia rastúce, jemne zmiznúce rozmazané prstence na samotnom glyphe; vypuklý text pridá svetlý zvýraznenie oproti tmavému tieňu pre razítkovací, vyrytvovaný vzhľad; 3D vrstvenie opakuje pevnú, nerozmazanú farbu pozdĺž posunutia pre efekt zloženého blokového písma; a obrys fingeruje zdvih pomocou ôsmich nerozmazaných tieňov okolo textu, pretože text-shadow nemá vlastnú vlastnosť zdvihu. Prepnite späť na Vlastný režim pre úplnú ručnú kontrolu nad posunutím X a Y, polomerom rozmazania, počtom vrstiev, farbou a priehľadnosťou – každá vrstva rastie z bázových hodnôt, ktoré nastavíte. Vyberte si medzi jednotkami px a rem a medzi jednoduchou CSS deklaráciou alebo triedou s ľubovoľnou hodnotou Tailwind pre projekty bez štýlového súboru.
Vygenerovaná hodnota nemá zmysluplan hornú hranicu veľkosti pre niekoľko vrstiev, ale nástroj stále bráni utekaniu výstupu tak, ako to robia všetky generátory na tejto stránke, takže patologický vstup nemôže nikdy zamraziť kartu. Každá voľba počítava výsledok v reálnom čase s krátkym oneskorením, pričom počítadlo nižšie hlási počet vrstiev a presný počet znakov deklarácie.
Všetko beží lokálne vo vašom prehliadači. Žiadna voľba farby, posunutia ani predvoľby sa nikdy nikam neposiela – nástroj počíta CSS výlučne na vašom zariadení. Keď ste spokojní s výsledkom, skopírujte ho, stiahnite ho ako súbor .txt alebo pošlite výstup späť do vstupu, aby ste ho mohli ďalej vylepšovať.