Sări la conținut
Complet local

Generator text-shadow CSS

Construiți o valoare CSS text-shadow stratificată cu presetări vizuale pentru neon, reliefat, 3D și text cu contur.

4
50
Ieșire

Generator text-shadow CSS

Construiți o declarație CSS text-shadow ajustând offset, blur, culoare și opacitate, și observați valoarea se actualiza în timp ce tastați. Instrumentul asamblează una sau mai multe straturi de umbră în ordinea corectă și sintaxa separată prin virgulă, permițând copierea unei declarații funcționale direct în foaia de stiluri fără ajustări manuale.

Alegeți o presetare pentru a sări direct la un efect comun: strălucire neon stivuiește inele de blur crescătoare și ștergere ușoară la glifă; reliefat adaugă o evidențiere clară opus unei umbre întunecate pentru un aspect timbrabil și gravat; 3D stratificat repetă o culoare solidă și neclară de-a lungul offset pentru un efect de litere bloc stivuite; și contur simulează o linie folosind opt umbre fără estompare în jurul textului, deoarece text-shadow nu are proprietate nativă de linie. Reveniți la Personalizat pentru control manual complet asupra offset X și Y, rază blur, număr de straturi, culoare și opacitate — fiecare strat crește din valorile de bază pe care le setați. Alegeți între unități px și rem, și între o declarație CSS simplă sau o clasă de valoare arbitrară Tailwind pentru proiecte fără foaie de stiluri unde să lipiți.

Valoarea generată nu are limită de dimensiune semnificativă pentru câteva straturi, dar instrumentul încă protejează împotriva ieșirii descontrolate așa cum face fiecare generator din acest site, deci intrarea patologică nu poate niciodată îngheța tab-ul. Fiecare opțiune recalculează rezultatul în direct pe un debounce scurt, și numărarea de mai jos raportează numărul de straturi și lungimea exactă în caractere a declarației.

Tot rulează local în browserul dvs. Nicio culoare, offset sau alegere de presetare nu este trimisă nicăieri — instrumentul calculează CSS complet pe dispozitivul dvs. Când sunteți mulțumit cu rezultatul, copiați-l, descărcați-l ca fișier .txt sau trimiteți ieșirea înapoi în intrare pentru a continua rafinarea.

FAQ

Cum obțin un efect de text neon?
Alegeți presetarea Strălucire neon și setați Culoare la o nuanță saturată cum ar fi cyan sau magenta. Instrumentul stivuiește mai multe straturi de blur crescătoare și ștergere la glifă pentru a crea strălucirea.
De ce text-shadow nu are valoare de spread ca box-shadow?
Nu are — text-shadow suportă doar offset X, offset Y, blur și culoare. Presetarea Contur ocolește asta prin stivuirea a opt umbre fără blur în jurul literelor.
Ce format de ieșire produce Tailwind?
O singură clasă de valoare arbitrară, cum ar fi [text-shadow:2px_2px_4px_rgba(0,0,0,0.5)], cu spații înlocuite cu cratime așa cum sintaxa de paranteză a Tailwind se așteaptă.
Pot folosi mai mult de un strat de umbră cu o presetare personalizată?
Da. Creșteți Straturi până la 6; fiecare strat suplimentar dimensionează offset și blur mai departe și ștergere opacitatea acestuia, construind adâncime automat.
Culoarea sau CSS mea sunt încărcate undeva?
Nu. Generatorul rulează complet în browserul dvs. — nimic din ceea ce introduceți aici nu este trimis la un server.