Tutorial- Efeito Autoras-Sing

Olá pessoal, trago para vocês mais um efeito fofo para autoras, quando clica

em cima da imagem aparece o nome e ao lado faz o efeito tooltipe.

O efeito autoras-sing fica lindo em qualquer tipo de blog. Os créditos x

Para colocar o efeito sing em seu blog, coloque o código abaixo no gadget Html/Java Script

@-webkit-keyframes autoras {

0% {-webkit-transform: translatey(-5px)}

50% {opacity: 0;-webkit-transform: translatey(100%) rotate(360deg);}

100% {-webkit-transform: translatey(10px);}

}

@-moz-keyframes autoras {

0% {-webkit-transform: translatey(-5px)}

50% {opacity: 0;-webkit-transform: translatey(100%) rotate(360deg);}

100% {-webkit-transform: translatey(10px);}

}

@-o-keyframes autoras {

0% {-webkit-transform: translatey(-5px)}

50% {opacity: 0;-webkit-transform: translatey(100%) rotate(360deg);}

100% {-webkit-transform: translatey(10px);}

}

.sing {border:1px solid #000;width:70px;/*valor de largura*/

height:130px /*valor da altura*/; float:left;margin-left:10px;}

.sing:hover {

-webkit-animation: autoras .7s alternate;

}

Só mude os valores ok?

Kissus