Циклетная фоновая анимация без установки позиции PX ⇐ CSS

[Anonymous]

Я использовал препроцессор, чтобы генерировать петлевую фоновую анимацию, как это: < /p>

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

@keyframes anim
{
from    {   background-position: 0 0;               }
to      {   background-position: 256px 256px;       }
}

div
{
background-image: url('256.png');
width: 256px;
height: 256px;
background-size: 256px 256px;
background-repeat: repeat;
animation: anim 5s linear infinite;
}

… где 256px 256px в фоновой положении извлекаются из изображения (

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

256.png

) препроцессорным. Насколько я понимаю, я не могу использовать процент для фонового положения , в то время как контейнер и изображение имеют одинаковый размер.

Подробнее здесь: https://stackoverflow.com/questions/795 ... x-position