Controls
Useita varjoja
Shadow 2
Suositut esiasetukset
Preview
Tietoja Text Shadow Generatorista
Helppokäyttöinen
Luo kauniita tekstin varjoja intuitiivisella käyttöliittymällämme. CSS-osaamista ei tarvita!
Täysin reagoiva
Toimii täydellisesti kaikilla laitteilla matkapuhelimista pöytätietokoneisiin.
Hanki puhdas, tuotantovalmis CSS-koodi, jota voit käyttää projekteissasi välittömästi.
Tekstin varjogeneraattorin
Säädä liukusäätimiä
Muokkaa vaakasuuntaista siirtymää, pystysuuntaista siirtymää, sumennussädettä ja peittävyyttä luodaksesi täydellisen varjon.
Valitse väri
Valitse mikä tahansa väri tekstin varjolle käyttämällä värivalitsinta tai heksadesimaalikoodin syöttöä.
Esikatsele suunnitteluasi
Katso, miltä tekstin varjo näyttää reaaliajassa interaktiivisen esikatselumme avulla.
Kopioi CSS
Napsauta kopiointipainiketta saadaksesi luomasi CSS-koodin ja käyttääksesi sitä projektissasi.
Suosittuja esimerkkejä tekstin varjoista Neon
Glow Effect
Neon Glow Effect
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;
3D Text Effect
3D-tekstitehoste
text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;
Hienovarainen varjo
Hienovarainen varjo
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
Sisäinen varjo
Sisäinen varjo
text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
Related Tools
CSS3-siirtymägeneraattori
Sujuva peittävyyden siirtyminen
Less CSS-muotoon -muunnin
Muunna Less-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
Sass:sta CSS:ksi muunnin
Muunna Sass-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.
WordPress-salasanan hajautusgeneraattori
Luo turvallisia salasanatiivisteitä WordPressille
HTML-dekoodaustyökalu
Pura HTML-entiteetit helposti suoraan selaimessasi.
CSS:n kuutio-bezier-generaattori
Luo CSS Cubic Bezier -generaattorin helpotustoimintoja