Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
Escrever com efeitos no texto


PunBB PhpBB2  PhpBB3  Invision  Blog  Site

Efeito 01
Insira seu texto aqui.

Código:
<div style="text-shadow: 0px 1px 1px #4d4d4d;color: #222;">Insira seu texto aqui.</div>

Efeito 02
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>

Efeito 03
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>

Efeito 04
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>

Efeito 05
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>

Efeito 06
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>

Efeito 07
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>

Efeito 08
Insira seu texto aqui.

Código:
<div style="text-shadow: 3px 3px 0 rgba(255,0,180,0.5);">Insira seu texto aqui.</div>

Efeito 09
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>

Efeito 10
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>
Ver perfil do usuário

#2
 StyLe®

avatar
Membro
Muito bom o código gostei mais é fácil criar isso não achei necessario ter um tutorial
Ver perfil do usuário

#3
 » ƒαѕт ϟ

avatar
Membro
Gostei O.o , :3
Ver perfil do usuário

#4
 Cristofer.

avatar
Novato
Bom , irei testar , jaja eu edito.
Ver perfil do usuário

#5
 ~[B]art

avatar
Membro
é Realmente legal!

Apesar de totalmente simples!
Ver perfil do usuário

#6
 Bookmarlucas654

avatar
Membro
Que legal...zinho :joia2: Gostei da criatividade =)
Ver perfil do usuário

#7
 eusouogoku

avatar
Membro
Simples, porem util. Vlw por disponibilizar ^^
Ver perfil do usuário

#8
 StyLe®

avatar
Membro
Cara muito show esse código valeu por compartilhar
Ver perfil do usuário

#9
 Zoster

avatar
Membro
Obrigado por compartilhar conosco
Ver perfil do usuário

#10
 Jose Hamizaki

avatar
Membro
Muito bom, gostei dos efeitos!
Ver perfil do usuário

#11
 » ƒαѕт ϟ

avatar
Membro
Legal
Ver perfil do usuário

#12
 JQuery

avatar
Membro
mklkkl
Ver perfil do usuário

#13
 JQuery

avatar
Membro
mklkkl
Ver perfil do usuário

#14
 Conteúdo patrocinado