Анимация фонового изображения div ⇐ CSS

[Anonymous]

У меня есть изображение в div, используя

Код: Выделить всё

который довольно большой.

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

Я хочу, чтобы оно повторялось бесконечно.

Я хочу, чтобы оно повторялось бесконечно. p>

Я пробовал использовать Animate.css с , но я не хочу, чтобы элемент div перемещался , только фоновая фотография внутри div. Импульсный эффект тоже слишком сильный. Я просто хочу, чтобы оно немного двигалось. Может быть, просто перевести по оси X влево, а затем вправо

Изменить

Я пробовал< /p>

Код: Выделить всё

@keyframes animatedBackground {
from {
background-size: cover;
background-position: 50% 22%;
}
to {
background-size: cover;
background-position: 100% 22%;
}
}

но, похоже, это не работает, если я использую размер фона: обложка?

Изменить 2

Я обнаружил, что это работает, но ширина равна 100%, поэтому нет никакой разницы, если я использую фоновую позицию: 50% 22% ; или фоновая позиция: 100% 22%;, но если я изменю направление оси Y, это сработает

Но если я установлю время анимации больше чем на 5 секунд , он становится очень тормозным. Есть ли способ избежать задержки?

Подробнее здесь: https://stackoverflow.com/questions/402 ... ound-image