Efeito - Swag

Olá pessoal, Sim, eu voltei. Desculpem á todos o sumiço, mas fiquei sem internet por uns dias e com o modem, mal consegui postar em meu blog. Ficar sem internet é algo horrível. Enquanto eu estava longe de blogar e tudo mais, eu aproveitei para organizar as pastas do meu computador e eu não achei nada de útil, então estou com mais espaço no disco rígido. Isso é bom :33 Para quem sentiu minha falta ou ficou preocupado, obrigada, mas não precisava. Como vão vocês? Algum de vocês tem Twitter? Eu criei um tem uns tempos e nem estava usando, hoje fui tentar entender para que aquela rede social e fiquei com uma amiga minha conversando. Me mandem os links e me sigam (@AmmyFF). Quem quiser conversar, me pedir alguma coisa, tirar dúvidas ou apenas "sdv?" eu estou lá para tirar meu tédio. 

Eu fiz um efeito há uns tempos atrás e acho que nem nunca mexi nele, nem postei. Ele está em Key frame - assim como todos que eu faço -, assim é mais fácil de fazer. Não modifiquem, se quiserem, mude só as bordas. Se reblogarem créditos ao GNMH. Prévia.

Adicione acima de ]]></b:skin>

@-webkit-keyframes ammy-swag {
10% {-webkit-transform: translatey(-15px);}
50% {-webkit-transform: translatey(-5px);}
15% {-webkit-transform: rotate(80deg);}
25% {-webkit-transform: rotate(120deg);}
75% {-webkit-transform: rotate(180deg);}
}
@-moz-keyframes ammy-swag {
10% {-webkit-transform: translatey(-15px);}
50% {-webkit-transform: translatey(-5px);}
15% {-webkit-transform: rotate(80deg);}
25% {-webkit-transform: rotate(120deg);}
75% {-webkit-transform: rotate(180deg);}
}
@-o-keyframes ammy-swag {
10% {-webkit-transform: translatey(-15px);}
50% {-webkit-transform: translatey(-5px);}
15% {-webkit-transform: rotate(80deg);}
25% {-webkit-transform: rotate(120deg);}
75% {-webkit-transform: rotate(180deg);}
}
.ammy-swag {-webkit-transition: .7s; border-radius: 50px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 1px;}
.ammy-swag:hover {-webkit-animation: ammy-swag 1s alternate ease; border: 1px solid #5ba2ea;}

Depois, adicione um Gadget HTML/ Java Script:

<a href="LINK" title="TÍTULO"><img src="IMAGEM" class="ammy-swag" /></a>