Ugrás a tartalomhoz
100% helyi

CSS text-shadow generátor

Rétegzett CSS szövegárnyék-érték létrehozása élő előbeállításokkal neon, domborított, 3D és körvonal szöveghatásokhoz az online generátorral.

4
50
Kimenet

CSS text-shadow generátor

CSS text-shadow deklaráció létrehozása az eltolás, elmosódás, szín és átlátszóság beállításával, és figyelje meg az érték frissítését gépelés közben. Az eszköz egy vagy több árnyékréteget szerezteti össze a helyes sorrendben és vesszővel elválasztott szintaxissal, így közvetlenül másolhatja a munkadokumentációt a stíluslapba anélkül, hogy manuálisan finomhangolná a számokat.

Válasszon egy előbeállítást, hogy azonnal egy közös effekthez ugorjon: a neon fény növekvő, lágy homályos gyűrűket halmoz föl a glifa mögött; a domborított egy világos kiemelést helyez el egy sötét árnyék ellenében, hogy bélyegzett, gravírozott hatást érjen el; a 3D rétegelt egy szilárd, homályosulatlan színt ismétlődik az eltolás mentén, hogy egymásra rakott blokklétű hatást hozzon létre; és a körvonal nyolc homályosulatlan árnyékkal kerüli meg a szöveget, mivel a text-shadow-nak nincs natív stroke tulajdonsága. Váltson vissza az Egyéni módra a teljes manuális vezérléshez az eltolás X és Y, elmosódás sugara, rétegszám, szín és átlátszóság fölött — minden réteg a beállított alapértékekből nő. Válasszon a px és rem egységek, valamint az egyszerű CSS deklaráció vagy a Tailwind tetszőleges érték osztály között azok számára, akiknek nincs stílrua a beillesztéshez.

A generált érték nem rendelkezik értelmes felső méretkorláttal néhány réteg esetén, de az eszköz még mindig megakadályozza az elszaladt kimenetet ugyanúgy, mint az oldal összes többi generátora, így egy patológiai bemenet soha nem lehete befagyasztani a lapfület. Minden beállítás élő újra számítása a kimenetet rövid csúsztatáson, a lenti tálya a rétegszámot és a deklaráció pontos karakterhosszúságát jelenti.

Minden helyileg fut a böngészőben. Semmilyen szín, eltolás vagy előbeállítás választás soha nem lesz elküldve sehova — az eszköz a CSS-t teljes mértékben az eszközön számítja ki. Ha elégedett az eredménnyel, másolja, töltse le .txt fájlként, vagy küldje vissza a kimenetet a bemenetbe, hogy továbbra is finomhangolhassa.

Gyakori kérdések

Hogyan kapok neon szöveghatást?
Válassza a Neon fény előbeállítást, és állítsa a Szín tulajdonságot egy telített árnyalathoz, például cián vagy bíborvörös. Az eszköz több növekvő, halványodó elmosódás réteget halmoz fel a glifa mögött a fény létrehozásához.
Miért nincs text-shadow-nak spread értéke, mint a box-shadow-nak?
Nincs — a text-shadow csak az eltolás X, eltolás Y, elmosódás és szín támogatása. A Körvonal előbeállítás ezt úgy kerüli meg, hogy nyolc elmosódosulatlan árnyékot halmoz fel a levelek körül.
Mit termel a Tailwind kimeneti formátum?
Egyetlen tetszőleges érték osztály, például [text-shadow:2px_2px_4px_rgba(0,0,0,0.5)], szóközzel helyettesített aláhúzásokkal, ahogy a Tailwind kapcsos szintaxisa elvárja.
Használhatok több árnyékréteget egy egyéni előbeállítással?
Igen. Növelje a Rétegek értékét 6-ig; minden extra réteg az eltolás és elmosódás további, defiér mélységet az átlátszóság halványításával.
A szín vagy CSS feltöltésre kerül valahová?
Nem. Az generátor teljes egészében a böngészőben fut — semmi, amit ide beír, nem lesz elküldve egy szerverhez.