Efeitos de texto

Olá cogumelos salgados ^^

Trouxe alguns efeitos de texto para vocês. Vocês podem conferir a live preview clicando aqui.

Vamos aos códigos?

No Blogger, vá em Modelo> Editar HTML.
Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

Logo acima dessa tag, cole:

#outside h1 {
text-align: center;
margin: 200px auto;
font-family: 'Arial', sans-serif;
font-size: 200px; text-transform: uppercase;
color: #707070;
text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070;
}

Salve.
Cole o código abaixo na parte HTML das postagens ou em um gadget de HTML/Javascript:

<div id="outside"><h1>Texto</h1></div>

No Blogger, vá em Modelo> Editar HTML.
Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

Logo acima dessa tag, cole:

#neon h1 {
text-align: center;
margin: 200px auto;
font-family: 'Arial', sans-serif;
font-size: 200px;
text-transform: uppercase;
color: #fff;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
}

Salve.
Cole o código abaixo na parte HTML das postagens ou em um gadget de HTML/Javascript:

<div id="neon"><h1>Texto</h1></div>

No Blogger, vá em Modelo> Editar HTML.
Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

Logo acima dessa tag, cole:

#newspaper h1 {
text-align: center;
margin: 200px auto;
font-family: 'Arial', sans-serif;
font-size: 200px; text-transform: uppercase;
color: #222;
text-shadow: 0px 2px 3px #666;
}

Salve.
Cole o código abaixo na parte HTML das postagens ou em um gadget de HTML/Javascript:

<div id="newspaper"><h1>Texto</h1></div>

No Blogger, vá em Modelo> Editar HTML.
Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

Logo acima dessa tag, cole:

#doublecolor h1 {
text-align: center;
margin: 200px auto;
font-family: 'Arial', sans-serif;
font-size: 200px; text-transform: uppercase;
color: rgba(0,168,255,0.5);
text-shadow: 8px 8px 0 rgba(255,0,180,0.5);
}

Salve.
Cole o código abaixo na parte HTML das postagens ou em um gadget de HTML/Javascript:

<div id="doublecolor"><h1>Texto</h1></div>

No Blogger, vá em Modelo> Editar HTML.
Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

Logo acima dessa tag, cole:

#fire h1 {
text-align: center;
margin: 200px auto;
font-family: 'Carrois Gothic', sans-serif;
font-size: 200px;
text-transform: uppercase;
color: #fff;
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;
}

Salve.
Cole o código abaixo na parte HTML das postagens ou em um gadget de HTML/Javascript:

<div id="fire"><h1>Texto</h1></div>

No Blogger, vá em Modelo> Editar HTML.
Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>

Logo acima dessa tag, cole:

#fiverepeat h1 {
text-align: center;
margin: 200px auto;
font-family: 'Cagliostro', sans-serif;
font-size: 200px; text-transform: uppercase;
color: #fff;
text-shadow: 10px 10px 0 #ffd217, 20px 20px 0 #5ac7ff, 30px 30px 0 #ffd217, 40px 40px 0 #5ac7ff;
}

Salve.
Cole o código abaixo na parte HTML das postagens ou em um gadget de HTML/Javascript:

<div id="fiverepeat"><h1>Texto</h1></div>

Códigos criados por Chris Spooner, encontrados pelo tuto da Chassy Cher - Sweet Poison.

Espero que tenham gostado.

Comentem!

Beijos, Ágatha