Preskoči na vsebino
100% lokalno

CSS generator sence besedila

Ustvarite plastovito CSS text-shadow vrednost z živimi predlogami za neon, vgravure, 3D in obrisano besedilo.

4
50
Izhod

CSS generator sence besedila

Ustvarite CSS text-shadow izjavo s prilagajanjem odmika, zamegljenosti, barve in prosojnosti ter spremljajte kako se vrednost posodablja med pisanjem. Orodje sestavi en ali več plasti sence v pravem vrstnem redu in ločenih z vejicami sintaksi, zato lahko prekopirate delujočo izjavo direktno v vašo datoteko stilov brez ročnega prilagajanja številk.

Izberite predlogo za hiter skok na pogoste efekte: neon sijaj nabira rastoče, počasi blisoče zamegljene obroče pri samem znaku; vgravura doda svetlo sijaj nasproti temni senci za tiskani, graviran videz; 3D plastovito ponavlja trdno, nezamegljeno barvo vzdolž odmika za slojeviti bločni efekt črk; obris pa napravlja potez z osmimi nezamegljnimi senčami okrog besedila, ker text-shadow nima lastne lastnosti potega. Preklopite na Prilagojeno za polno ročno kontrolo nad odmiki X in Y, polmerom zamegljenosti, številom plasti, barvo in prosojnostjo — vsaka plast raste iz osnovnih vrednosti, ki jih nastavite. Izberite med px in rem enotami ter med navadno CSS izjavo ali Tailwind razredno poljubno vrednostjo za projekte brez datoteke stilov za prilepljenje.

Generirano vrednost nima smiselne zgornje meje velikosti za nekaj plasti, toda orodje še vedno varuje pred nenadzorovano proizvodnjo na način, kot to počnejo vsi generatorji na tej spletni strani, zato patološki vnos nikoli ne more zamrzniti zavihka. Vsaka možnost ponovno izračuna rezultat v živo s krajšim odmorom, z števcem spodaj, ki poroča število plasti in točno dolžino znakov izjave.

Vse se dogaja lokalno v vašem brskalniku. Nobena barva, odmik ali izbor predloge se nikoli ne pošlje nikamor — orodje izračuna CSS v celoti na vaši napravi. Ko ste zadovoljni z rezultatom, ga kopirajte, preuzmite kot datoteko .txt ali pošljite rezultat nazaj v vnos za nadaljnje izboljšanje.

FAQ

Kako dobim neon efekt na besedilu?
Izberite predlogo Neon sijaj in nastavite Barva na nasičeno odtenka kot cijan ali magenta. Orodje nabira več rastočih, počasi bliščečih se zamegljenih obročev pri znaku da ustvari sijaj.
Zakaj text-shadow nima lastnosti razširitve kot box-shadow?
Ne — text-shadow podpira le odmik X, odmik Y, zamegljenost in barvo. Predloga obris obide to omejitev tako, da nabira osem nezamegljenih senc okrog črk namesto tega.
Kaj proizvede oblika rezultata Tailwind?
En razred poljubne vrednosti, kot je [text-shadow:2px_2px_4px_rgba(0,0,0,0.5)], s presledki zamenjani s podčrtajem, kot pričakuje Tailwindova sintaksa oglatih oklepajev.
Ali lahko uporabim več kot eno plast sence s prilagojeno predlogo?
Da. Povečajte Plasti do 6; vsaka dodatna plast povečini odmik in zamegljenost naprej in zmanjša njeno prosojnost, avtomatično gradeči globino.
Ali sta moja barva ali CSS negdje naložena?
Ne. Generator se izvaja v celoti v vašem brskalniku — nič kar vnesete tukaj se ne pošlje na strežnik.