#1Sex Nov 16, 2012 3:52 pm
Efeitos de texto para seus tópicos.
Olá pessoal, vou fornecer pra vocês alguns códigos para que possam incrementar seus tópicos.
Não façam carnaval. Usem com consciência.
Alterando os atributos você consegue mais efeitos.
Não façam carnaval. Usem com consciência.
PRIMEIRO EFEITO:Insira seu texto aqui.
- Código:
<div style="text-shadow: 0px 1px 1px #4d4d4d;color: #222;">Insira seu texto aqui.</div>
SEGUNDO EFEITO:Insira seu texto aqui.
- Código:
<div style="color: #000;text-shadow: 0 0 5px #FFF, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;letter-spacing: 5px;">Insira seu texto aqui.</div>
TERCEIRO EFEITO:Insira seu texto aqui.
- Código:
<div style="color: #000;text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;">Insira seu texto aqui.</div>
QUARTO EFEITO:Insira seu texto aqui.
- Código:
<div style="color: #000; text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;letter-spacing: 10px;">Insira seu texto aqui.</div>
QUINTO EFEITO:Insira seu texto aqui.
- Código:
<div style="color: #000;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;">Insira seu texto aqui.</div>
SEXTO EFEITO:Insira seu texto aqui.
- Código:
<div style="text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #000, 0 0 10px #000, 0 0 80px #000, 0 0 100px #000, 0 0 150px #000;">Insira seu texto aqui.</div>
SÉTIMO EFEITO:Insira seu texto aqui.
- Código:
<div style="text-shadow: 3px 3px 0 rgba(255,0,180,0.5);">Insira seu texto aqui.</div>
OITAVO EFEITO:Insira seu texto aqui.
- Código:
<div style="text-shadow: 0.2em 0.5em 0.1em #F8C301,-0.3em 0.1em 0.1em #cc0000,0.4em -0.3em 0.1em #006;">Insira seu texto aqui.</div>
NONO EFEITO:Insira seu texto aqui.
- Código:
<div style="text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black; ">Insira seu texto aqui.</div>
DÉCIMO EFEITO:Insira seu texto aqui.
- Código:
<div style="text-shadow: 0 0 0.2em #40FF40, 0 0 0.2em #40FF40,0 0 0.2em #40FF40;">Insira seu texto aqui.</div>
Alterando os atributos você consegue mais efeitos.