Efeito Cherry (Exclusivo)

|| ||
Olá meu doces >u< como passaram a páscoa?Eu passei bem e ganhei muitos chocolates,passei junto com a família,o que foi bom.Essa semana,eu estou meio que de férias da escola,as aulas só voltam semana que vem >3< que bom,mais estou sentindo falta das minhas amigas e de alguns professores.Enfim,pelo menos essa semana eu tenho tempo de sobra para organizar minha vida,e descansar.Bem muito obrigado por me receberem tão bem aqui,e muito obrigado a Marci também,estou muito feliz por poder estar aqui >u< então eu fiz um efeito exclusivo para cá,dei o nome de cherry,então podem ver o efeito bem  aqui .Espero que tenham gostado do efeito.


                                 1-Procure por ]]>< e cole esse código acima da tag
/*------- Parte 1 - Chrome -------*/
@-webkit-keyframes Cherry {
75% {-webkit-transform: rotate(360deg);}   
75% {-webkit-transform: rotate(360deg);}     
75% {-webkit-transform: rotate(50deg);}       
75% {-webkit-transform: rotate(50deg);}      
75% {-webkit-transform: rotate(50deg);}   
}
/*------- Parte 2 - Firefox-----*/
@-moz-keyframes Cherry {
75% {-webkit-transform: rotate(50deg);}     
75% {-webkit-transform: rotate(50deg);}       
75% {-webkit-transform: rotate(50deg);}      
75% {-webkit-transform: rotate(50deg);}       
75% {-webkit-transform: rotate(50deg);}      
}

/*-------Parte 3 opera mini ------------*/
@-o-keyframes Cherry {
75% {-webkit-transform: rotate(360deg);}    
75% {-webkit-transform: rotate(360deg);}   
75% {-webkit-transform: rotate(360deg);}     
75% {-webkit-transform: rotate(50deg);}  
75% {-webkit-transform: rotate(50deg);}     
}

.Cherry {
-webkit-transition: .7s;
BORDER: 1PX SOLID #F7DEDA
}
.Cherry:hover {
-webkit-animation: Cherry .7s alternate infinite linear ;
BORDER: 1PX SOLID #F7DEDA
}

2-E adicione um gaguet e cole esse código abaixo.
<a href="LINK" title="NOME"><img class="Cherry" src="Link da Imagem" /></a>