Как исправить не работающую в Mozilla Firefox css3 анимацию?

Question

[Иван Желудков]

Есть две анимации, которые некорректно отображаются только в Firefox (и в старых IE, но они не в счёт).
Вот эти анимации: раз и два.
Вот так они выглядят в Firefox и при этом ещё и не работают.

Слышал, что как-то можно это исправить. Если не найду решения, придётся заменить их статичными картинками только для пользователей Firefox, но не хочу.

Answer 1

[onlinegenerator]

С дрелью:

@keyframes drilling {
  0% {background-position: 0 0px;}
  100% {background-position: 0 700px;}
}

С водой:

@keyframes bgmove {
  0% {background-position: 0 0px;}
  100% {background-position: 0 50px;}
}

Comments

[Иван Желудков]

С водой там ещё раковина неправильно отображается

[Иван Желудков]

Ой, какая раковина, кран я имел ввиду. Там использовал псевдоэлемент :after, но это не меняет. Я пробовал вставить картинкой, получилось, так что это можно считать решение. Спасибо.