(Megjegyzés: Hogy működjenek a szöveg effektek mindenképp szükségünk van a hl szekcióra!Pl. így:

<style type="text/css">

h1{
font:64px Rockwell, Georgia, Verdana;
text-transform: uppercase;
margin:0;
}

</style>

)

És most nézzük, hogy milyen fajta szöveg effektek is vannak:

Élesített árnyék:

DESIGN UNIVERZUM

.basic{
text-shadow: 5px 5px 0 #959595;
}

Elmosott árnyék:

DESIGN UNIVERZUM

.blur{
text-shadow: 5px 5px 7px #959595;
}

Kiemelő árnyék:

DESIGN UNIVERZUM

.lighttext{
color: #f2f2f2;
text-shadow: 5px 5px 3px #414141;
}

Árnyék szöveg mögött:

DESIGN UNIVERZUM

.inset{ text-shadow: 0px -2px 1px #8a8a8a; }  

Árnyék szöveg mögött színes háttérrel:

DESIGN UNIVERZUM

.inset2{
background:#494949;
color:black;
text-shadow: 0px 1px 2px #8a8a8a;
}

Multi árnyékolás:

DESIGN UNIVERZUM

.multiple{
text-shadow: 5px 5px 0 red, -5px -5px 0 orange;
}

3D kinézetű árnyékos szöveg:

DESIGN UNIVERZUM

.raised{
color: #12c911;
text-shadow: 1px 1px black, 2px 2px #149c14, 3px 3px #149c14, 4px 4px #149c14, 5px 5px #149c14, 6px 6px #149c14, 7px 7px #149c14, 8px 8px #149c14;
}

Világító szöveg:

DESIGN UNIVERZUM

.glow{
background:black;
text-shadow: 0 0 5px #FFFFA0, 0 0 10px #FFFF4D, 0 0 15px #FFFF41, 0 0 20px #FFFF2A, 0 0 25px #FFFF2B, 0 0 30px #FEFE00, 0 0 35px #F7F700;
}

Leírás: 

Sandalphon