Efeito Awake [Exclusivo]

gostaram do novo padrão de imagem? :3

Hi little Potatos!

Tudo bem com vocês? espero que sim né, ah eu estou bem, ontem vi o filme 'Até que a sorte nos separe'

Eu achei que o filme teria muita coisa imprópria pois vocês sabem né...filme da globo hum...mais até que nem teve, ainda bem, e é super legal, recomendo '-' - mesmo não gostando muito de filmes brasileiros.

Estou feliz pois tirei 10 na média de inglês - coisa que sempre acontece  ushauhs - mais dessa vez me surpreendi pois a prova dela estava muito difícil pela primeira vez, mais mesmo assim me saí bem.

Vamos agora ao assunto do post né amoras, hoje trouxe um efeito super bonito e exclusivo, recomendo esse efeito para colocar na elite de afiliados, fica super jeitoso 

Créditos // Preview Here 

Vamos aprender chocolates?

Cole acima de ]]></b:skin> de seu HTML:

@-webkit-keyframes awake {

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

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

100% {-webkit-transform: scale(1.1);}

0% {-webkit-transform: rotate(-5deg); }

25% {-webkit-transform: rotate(40deg); }

100% {-webkit-transform: rotate(-40deg); }

}

@-moz-keyframes awake {

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

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

100% {-webkit-transform: scale(1.1);}

0% {-webkit-transform: rotate(-5deg); }

25% {-webkit-transform: rotate(40deg); }

100% {-webkit-transform: rotate(-40deg); }

}

@-o-keyframes awake {

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

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

100% {-webkit-transform: scale(1.1);}

0% {-webkit-transform: rotate(-5deg); }

25% {-webkit-transform: rotate(40deg); }

100% {-webkit-transform: rotate(-40deg); }

}

.awake {-webkit-transition: .7s; border-radius: 10px; box-shadow: 1px 1px #d6d6d6;box-shadow: inset 0 0 18px #ffe4e1, 0 0 3px #FFD1CC}

.awake:hover {-webkit-animation: awake .7s alternate infinite linear;

box-shadow: inset 0 0 18px #ffe4e1, 0 0 3px #FFD1CC;border-radius: 35px;}

Adicione um HTML / Javascript

E cole o código abaixo:

<a href="LINK_DA_COISA"><title="TITULO_DA_COISA"<img class="awake" src="LINK_DA_IMAGEM" /></a>

E aí, acharam fácil?

fica super bonitinho o resultado, vale super à pena colocá-lo na elite

bjiin!