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!!!