Preskoči na sadržaj
100% lokalno

CSS generator sjena na tekstu

Gradite slojevitu CSS text-shadow vrijednost s živim predlošama za neon, ukopanice, 3D i konturni tekst.

4
50
Rezultat

CSS generator sjena na tekstu

Gradite CSS text-shadow deklaraciju prilagođavanjem pomaka, zamućenja, boje i neprozirnosti, i pratite kako se vrijednost ažurira dok tipkate. Alat sastavlja jedan ili više slojeva sjena u ispravnom redoslijedu i sa zarezima odvojenom sintaksom, tako da možete kopirati radnu deklaraciju direktno u vašu stilsku datoteku bez ručnog podešavanja brojeva.

Odaberite predložu da se brzo prebacite na uobičajeni efekt: neon sjaj stoga raste, polako blijeđeće zamućene prstenove na samoj glifi; ukopanica dodaje svijetli sjaj nasuprot tamnoj sjeni za štampanog, graviranog izgleda; 3D slojevito ponavlja solidnu, nezamućenu boju duž pomaka za učvršćeni efekt; a kontura lažira potez koristeći osam nezamućenih sjena oko teksta, budući da text-shadow nema vlastitog svojstva poteza. Prebacite se na Prilagođeno za potpunu ručnu kontrolu nad pomacima X i Y, radijusom zamućenja, brojem slojeva, bojom i neprozirnosti — svaki sloj raste iz osnovnih vrijednosti koje postavite. Odaberite između px i rem jedinica, te između obične CSS deklaracije ili Tailwind klase proizvoljne vrijednosti za projekte koji nemaju stilsku datoteku za lijepljenje.

Generirano vrijednost nema smislenu gornju granicu veličine za nekoliko slojeva, ali alat i dalje štiti od nekontrolirane proizvodnje na način na koji svaki generator na ovoj stranici to čini, tako da patološki unos nikada ne može zamrznuti karticu. Svaka opcija ponovno izračunava rezultat uživo na kratkome razdoblju mirovanja, s brojanjem ispod koje izvještava broj slojeva i točnu dužinu znakova deklaracije.

Sve se odvija lokalno u vašem pregledniku. Niti boja, niti pomak ili izbor predloške se ikada nigdje šalju — alat izračunava CSS čitavo vrijeme na vašoj uređaju. Kada ste zadovoljni s rezultatom, kopirajte ga, preuzmite kao .txt datoteku ili pošaljite rezultat natrag u unos da biste ga nastavili poboljšavati.

FAQ

Kako dobi neon efekt na tekstu?
Odaberite predložu Neon sjaj i postavite Boja na zasićenu nijanu kao cijanom ili magenta. Alat stoga nabira nekoliko rastućih, blijeđećih zamućenih prstena na glifi kako bi se stvorio sjaj.
Zašto text-shadow nema svojstva rasprostiranja kao box-shadow?
Ne — text-shadow podržava samo pomak X, pomak Y, zamućenje i boju. Kontura predloža se izvlači oko tog ograničenja stoga nabira osam nezamućenih sjena oko slova umjesto toga.
Što proizvodi oblik rezultata Tailwind?
Jednu klasu proizvoljne vrijednosti, kao [text-shadow:2px_2px_4px_rgba(0,0,0,0.5)], sa razmakom zamijenjenim sa donjom crtom kako očekuje Tailwind-ova zagrada sintaksa.
Mogu li koristiti više od jednog sloja sjena s prilagođenom predložom?
Da. Povećajte Slojevi do 6; svaki dodatni sloj skalira pomak i zamućenje dalje van i gubi svoju neprozirnost, automatski gradeci dubinu.
Jesu li moja boja ili CSS negdje učitani?
Ne. Generator se izvršava čitavo vrijeme u vašem pregledniku — ništa što unesete ovdje se ne šalje na poslužitelj.