Os melhores vídeos de
Riley Reid (+18) - FireLink
Mulher diz ter sido demitida
por ser 'muito bonita' (+18)
Especial de Natal da Bella da Semana:
Emiliana Agacci
Sites que vocês adultos
Vão Gostar - Link Fixo

Textos Com CSS3 No Blogger

Muitas pessoas ainda tem essa dúvida de como criar textos com letras diferenciadas das fontes normais; pensando nisso, trago para vocês algumas letras com CSS3. E, abaixo de cada uma delas, você o código.








Biblioteca CSS:


Sombra desfocada:


DicasHot



<h1 class="blur" style="background-color: white; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: rgb(149, 149, 149) 5px 5px 7px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>



Sombra básica:

DicasHot



<h1 class="basic" style="background-color: white; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: rgb(149, 149, 149) 5px 5px 0px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>



Sombra black com texto branco:

Dicashot



<h1 class="lighttext" style="background-color: white; color: #f2f2f2; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: rgb(65, 65, 65) 5px 5px 3px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>



Texto escuro

Dicashot



<h1 class="inset" style="background-color: white; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: rgb(138, 138, 138) 0px -2px 1px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>




Texto com fundo escuro

Dicashot



<h1 class="inset2" style="background: rgb(73, 73, 73); font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: rgb(138, 138, 138) 0px 1px 2px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>



Várias Sombras de texto, simultâneas



Dicashot



<h1 class="multiple" style="background-color: white; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: red 5px 5px 0px, orange -5px -5px 0px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>



3D que olha Sombra Texto:

Dicashot



<h1 class="raised" style="background-color: white; color: #12c911; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: black 1px 1px, rgb(20, 156, 20) 2px 2px, rgb(20, 156, 20) 3px 3px, rgb(20, 156, 20) 4px 4px, rgb(20, 156, 20) 5px 5px, rgb(20, 156, 20) 6px 6px, rgb(20, 156, 20) 7px 7px, rgb(20, 156, 20) 8px 8px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>



Incandescência Sombra Texto:

Dicashot



<h1 class="glow" style="background: black; font-family: Rockwell, Georgia, Verdana; font-size: 64px; font-weight: normal; margin: 0px; text-shadow: rgb(255, 255, 160) 0px 0px 5px, rgb(255, 255, 77) 0px 0px 10px, rgb(255, 255, 65) 0px 0px 15px, rgb(255, 255, 42) 0px 0px 20px, rgb(255, 255, 43) 0px 0px 25px, rgb(254, 254, 0) 0px 0px 30px, rgb(247, 247, 0) 0px 0px 35px; text-transform: uppercase;">
AQUI SEU TEXTO</h1>


Qualquer duvida, não deixe de perguntar!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade
Textos Com CSS3 No Blogger Textos Com CSS3 No Blogger Reviewed by Muca on 8/15/2014 12:25:00 PM Rating: 5