Criar um Site Grátis Fantástico

Rating: 3.1/5 (998 votos)



ONLINE
1


Partilhe esta Página

 

 


Letras sombreadas
Letras sombreadas

Com este código sua letra ficará sombreada (com sombras).

Para usá-lo basta ir em alguma página de recados e clicar no botão "HTML", depois copiar colar o código abaixo na caixa de texto, mas antes de enviar troque a palavra "texto" pela mensagem que irá enviar:

 

<font color="red" style=

"text-shadow:1px 2px 3px #8C0000">texto</font>

 

(Codigo esta dividido junte ele)

o resultado sera esse:

texto 

-

Mas como fazer meu próprio estilo?

É fácil! Como podem ver, basta usar a tag font e a propriedade "text-shadow".

Como no exemplo, temos um texto sombreado com uma camada, vou explicar o que significa cada parte do código:

text-shadow:1px 2px 3px #8C0000

1px - ficará 1px para a direita do texto.
2px - ficará 2px para baixo do texto.
3px - ficará com 3px de distorção.


texto

-

<font color="#ffffff" size="5" style=

"text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black">texto</font>


 

texto

-

<font style=

"text-shadow:0px 0px 5px yellow, 0px 0px 5px yellow, 0px -6px 3px orange, 0px -8px 5px red">texto</font>



texto

-

<font style=

"background: black;color: white;font-size: 20px;padding: 18px 4px 10px 4px;text-align: center;text-shadow: white 0px 0px 4px, #FF3 0px -3px 4px, #FD3 2px -7px 6px, #F80 -2px -10px 11px, #F20 2px -16px 10px;">texto</font>