я знаю этобыл задан ранее но я все еще не уверен, что нет обходного пути. Причина, по которой я не убежден, заключается в том, что мне удалось сохранить эти картинки на моем сайте случайно. Я разместил это в чате здесь и с помощью @CarrieKendall придумалэта скрипка.

Это, очевидно, не правильное решение, поэтому я хотел опубликовать его здесь, чтобы вы, гении, могли разобрать его и попытаться помочь мне понять, как я могу решить эту проблему (таким образом, что желательно не слишком много ресурсов)?

Итак, я немного повозился с jsfiddle и придумалэтот:

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;
}

Странно, но это работает. Анимация, которая абсолютно ничего не делает. Да, и я попытался заменить перевод на что-то вроде масштаба, но это не помогло. Это самая «чистая» форма этой странной ошибки / решения.

Тем не менее, я еще не совсем доволен. Я был бы рад, если бы кто-то более знающий, чем я, мог взглянуть на это и попытаться понять, что ДЕЙСТВИТЕЛЬНО происходит, что делает этот обходной путь ... работой. Надеюсь, здесь есть что-то, что можно использовать, хотя и более элегантно.

Кроме того, я понятия не имею, насколько ресурсоемким будет что-то вроде описанного выше обходного пути, поэтому, если кто-то сможет помочь мне измерить это, было бы здорово.