#1 Efeitos de texto para seus tópicos. Seg Mar 25, 2013 11:23 pm
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.
PRIMEIRO EFEITO:
SEGUNDO EFEITO:
TERCEIRO EFEITO:
QUARTO EFEITO:
QUINTO EFEITO:
SEXTO EFEITO:
SÉTIMO EFEITO:
OITAVO EFEITO:
NONO EFEITO:
DÉCIMO EFEITO:
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.