Tutorial - Efeito Nice

Yo Minna-Sama

Tudo bem com vocês ?Espero que sim , Hoje eu perdi um seguidor T.T , mas eu estou progredindo um pouco mais a cada dia , pelo menos eu acho , e por isso não fiquei tão abalado quanto a primeira vez , mas enfim , Hoje trago um tutorial de um efeito que pode ser usado na elite de afiliados , eu apendi esse tuto no Eu Amo HTML , mas modifiquei um pouco o código (Preview do efeito : ♥ ) Fiz um blog de testes *.* para fazer a Preview dos efeitos e talz , gostaram? , Vamos aprender a fazer o efeito ?  Go>>

Vá em seu HTML e procure por ]]></b:skin> e acima cole:

@-o-keyframes efeito-nice-isa {

1% {-o-transform: translate(2px);}

10% {-o-transform: translate(3px);}

20% {-o-transform: translate(6px);}

30% {-o-transform: translate(8px);}

40% {-o-transform: translate(10px);}

50% {-o-transform: translate(12px);}

}

@-moz-keyframes efeito-nice-isa {

1% {-moz-transform: translate(2px);}

10% {-moz-transform: translate(3px);}

20% {-moz-transform: translate(6px);}

30% {-moz-transform: translate(8px);}

40% {-moz-transform: translate(10px);}

50% {-moz-transform: translate(12px);}

}

@-webkit-keyframes efeito-nice-isa {

1% {-webkit-transform: translate(2px);}

10% {-webkit-transform: translate(3px);}

20% {-webkit-transform: translate(6px);}

30% {-webkit-transform: translate(8px);}

40% {-webkit-transform: translate(10px);}

50% {-webkit-transform: translate(12px);}

}

.efeito-nice-isa {-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;border-radius: 15px 15px 15px 15px;-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;}

.efeito-nice-isa:hover {-webkit-animation: efeito-nice-isa .5s alternate infinite linear;-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s;} 

Agora em um gadget HTML/JavaScript cole :

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="efeito-nice-isa"/></a>

Por hoje é só , espero que gostem do efeito
Ja Nee