Yo se estoha sido preguntado antes pero todavía no estoy convencido de que no haya una solución alternativa. La razón por la que no estoy convencido es porque logré mantener esos gifs animados en un sitio web mío por accidente. Publiqué esto en el chat aquí y con la ayuda de @CarrieKendall se me ocurrióeste violín.

Obviamente, esta no es una solución adecuada, así que quería publicarla aquí para que los genios la separen y traten de ayudarme a descubrir cómo puedo solucionar este problema (de una manera que preferiblemente no requiere demasiados recursos).

Ok, entonces jugué un poco más con el jsfiddle y se me ocurrióesta:

HTML

<img class="link" src="http://i.imgur.com/jsm0x2c.gif">
<img class="link" src="http://i.imgur.com/jsm0x2c.gif">
<img class="link" src="http://i.imgur.com/jsm0x2c.gif">

CSS

@-webkit-keyframes WIGGLE {
  0%   { -webkit-transform: translate(0px, 0px); }
  100%   { -webkit-transform: translate(0px, 0px); }
}

keyframes WIGGLE {
  0%   { -webkit-transform: translate(0px, 0px); }
  100%   { -webkit-transform: translate(0px, 0px); }
}

.link{
  -webkit-animation: WIGGLE 1ms; 
          animation: WIGGLE 1ms;
}

Es extraño, pero funciona. Una animación que no hace absolutamente nada. Ah, e intenté reemplazar la traducción con algo como la escala, pero eso no funcionó. Esta es la forma "más pura" de esta extraña solución / error.

Dicho eso, no estoy del todo satisfecho todavía. Me encantaría que alguien más informado que yo pudiera echarle un vistazo a esto y tratar de imaginar lo que REALMENTE está sucediendo que hace que esta solución ... funcione. Esperemos que haya algo aquí que pueda usarse, aunque de una manera más elegante.

Además, no tengo idea de cuán intensivo en recursos sería algo como la solución anterior, por lo que si alguien pudiera ayudarme a medir eso sería increíble.