Sombras em Textos

Em CSS temos uma propriedade chamada text-shadow que permite que você coloque sombras no texto que definir.

Para aplicar a propriedade você precisa definir:
a cor da sombra;
distância horizontal - esquerda/direita - entre o texto e a sombra;
distância vertical - topo/bottom - entre o texto e a sombra;
blur da sombra, ou seja o quanto a sombra deve ficar embaçada, sendo 0 uma sombra mais sólida e variando na medida - quanto maior, mais embaçada (difusa).

Texto com Sombra 1

#h2{
background: white;
color: white;
font-size: 2em;
margin: 0 auto;
text-shadow: #666 0px 0px 5px;
width: 300px;
}

No html fica assim:

<h2>Texto com Sombra 1</h2>

Sombra em Texto 2

#h5{
background: white;
color: black;
font-size: 2em;
margin: 0 auto;
text-shadow: #666 3px 2px 2px;
width: 300px;
}

No Html fica assim:

<h5>Sombra em Texto 2</h5>

Gostou? Comente e Vire Um Seguidor!!