Javascript-форум - Почему на работает css анимация свойства абсолютного позицинирования?

в десктопном фаерфоксе все работает нармально

не понимаю почему в мобильных браузерах (ios 9.3) не работает эта анимация абсолютного позицинирования:

Код:

@keyframes m1   

{

   0% {left: 250px;} 

   100% {left: 400px;}  

}



#demo1

   {

      position: absolute;

      animation: m1 1s ease 0s infinite alternate;

   }

при этом другие анимации работают нормально и в ios, например эта:

Код:

@keyframes p1   

{

   0% {transform: scale(0.5);} 

   100% {transform: scale(1.5);} 

}



#demo2

   {

      position: absolute;

      animation: p1 1s ease 0s infinite alternate;

   }

пробовал префиксы поставить - не помогает
caniuse говорит что поддержка полная
все другие анимации работают кроме позиционирования