1.11.12

[Tutorial] Efeito Zoom no texto



Então meus Kerberos! *---*
Que tal outro tutorial....
Vou ensinar como fazer algum texto ficar com efeito zoom!
Tipo assim:
Antes
Depois


Pra isso:

1. Vá em Designe,editar HTML
2.Procure por ]]></b:skin> , e acima dele cole o código abaixo:

.eftspacing {
font-family: '04b_03', arial, serif; /* ESTILO DA FONTE, PODE SER ALTERADO */
font-size: 10px; /* TAMANHO DA FONTE */
color : #COR DA FONTE;
text-align: center;
letter-spacing: 0px;
-webkit-transition-duration: .50s;
}
.eftspacing:hover {
font-family: '04b_03', arial, serif;  /* ESTILO DA FONTE, PODE SER ALTERADO */
font-size: 10px; /* TAMANHO DA FONTE AO PASSA O  MOUSE */
color : #COR DA FONTE AO PASSA O MOUSE;
text-align: center;
letter-spacing: 3px;
-webkit-transition-duration: .50s;
}

3.Agora vá aonde  deseja que o efeito seja mostrado  e acrescente o seguinte código.
<div class="eftspacing">TEXTO QUE DESEJA</div>

Pronto.. ^.^

Créditos: Iris Jovem


Nenhum comentário:

Postar um comentário