Liigu sisuni

CSS Text Shadow generaator

Genereeri CSS text-shadow efekte visuaalselt reaalajas eelvaatega. Kohanda nihkeid, hägustamist, värvi ja läbipaistmatust. Lisa mitu varjukihti. Kopeeri CSS-kood. Tasuta veebitööriist.

Eelvaade

Näidistekst

CSS-väljund

 

Mis on CSS text-shadow?

CSS-omadus text-shadow lisab tekstile varjuefekte. Nagu box-shadow, saad lisada mitu varju, eraldades need komadega, et luua sügavus- ja helkimisefekte.

text-shadow süntaks

text-shadow: offset-x offset-y blur-radius color;
Erinevalt box-shadow'st ei toeta text-shadow väärtusi spread ega inset.

Disaininõuanded

Peened varjud (1-2px nihe, madal läbipaistmatus) lisavad sügavust ilma häirimata. Helkimisefektid kasutavad 0-nihet kõrge hägustamise ja ereda värviga. Mitu kihti saavad luua neoon-, retro- või 3D-tekstiefekte.

Privaatsus

Kogu tekstivarju genereerimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.