Установка смещения линейно-градиента в процентах без фонового размера ⇐ CSS

[Anonymous]

Это выглядит просто и должно быть задано ранее, но я не могу найти вопрос. = "фрагмент">

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

@keyframes bar-animation
{
to
{
background-position-y: 20px;
}
}

.bar
{
width: 200px;
height: 20px;
background: linear-gradient(red, blue, red);
animation: bar-animation 1s ease-in infinite;
}< /code>

он работает нормально, за исключением того факта, что я должен повторить 20px дважды : При настройке высоты элемента div и при настройке вертикального смещения (он должен делиться на высоту, чтобы сделать анимацию гладкой).
существует Способ сделать класс применимым к контейнерам с разными высотами? Установка смещения как процент требует размера фонового размера , который я тоже не могу указать.

Подробнее здесь: https://stackoverflow.com/questions/794 ... round-size