Sombras em Textos

Postado em: 10 de set. de 2011
Postado Por: dffdf
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>
Deixe seu Comentário:
Sem comentários »
Categorias:

0 comentários:

Postar um comentário