Letra 3D com efeito

Yo, hoje venho trazer um tutorial bem bacana que é um efeito de letra 3D, que eu modifiquei para a plataforma do blogger. Qualquer dúvida deixe um comentário.

Demonstração

1ºAcesse o seu modelo, vá em Editar HTML e Procure por:

</b:skin>

Logo acima dele cole o código abaixo:

mhfont {
font-family: Century Gothic;
text-shadow: -2px 0px #47e6dd, 2px 0px #ee4848;
font-size: 30px;
text-transform: uppercase;
-webkit-transition-duration: .30s ; }
mhfont:hover{
text-shadow: 0px 0px, 0px 0px;
-webkit-transition-duration: .30s ;
}

Usando o efeito

Para usa-lo é bem simples, copie o código abaixo e coloque aonde você quer que o código seja usado. <center><mhfont> SEU TEXTO</mhfont><center> Criado por: Bia
Editado por: Ulquiorra