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>