Online szövegárnyék CSS generátor

Hozzon létre lenyűgöző színátmenetes szövegeffektusokat webhelyéhez

Controls

2
2
4
50

Több árnyék

Népszerű előbeállítások

Preview

Szöveges árnyék bemutató

A Text Shadow Generator névjegye

Könnyen kezelhető

Hozzon létre gyönyörű szövegárnyékokat intuitív kezelőfelületünkkel. Nincs szükség CSS ismeretekre!

Teljesen érzékeny

Tökéletesen működik minden eszközön, a mobiltelefonoktól az asztali számítógépekig.

Szerezzen tiszta, gyártásra kész CSS-kódot, amelyet azonnal felhasználhat projektjeiben.

A szövegárnyék-generátor használata

1

A csúszkák beállítása

Módosítsa a vízszintes eltolást, a függőleges eltolást, az életlenítési sugarat és az átlátszóságot a tökéletes árnyék létrehozásához.

2

Válasszon színt

Válasszon bármilyen színt a szövegárnyékhoz a színválasztó vagy a hexadecimális kódbevitel segítségével.

3

A terv előnézetének megtekintése

Nézze meg, hogyan néz ki a szövegárnyék valós időben az interaktív előnézettel.

4

Másolja a CSS-t

Kattintson a másolás gombra a generált CSS-kód megszerzéséhez és a projektben való használatához.

Népszerű példák szöveges árnyékokra

Neon ragyogás hatás

Neon ragyogás hatás

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

3D szöveg effektus

3D szöveg effektus

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

Finom árnyék

Finom árnyék

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

Belső árnyék

Belső árnyék

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools