Почему моя анимация загрузки css3 не работает на мобильных устройствах?

он отлично работает на настольных компьютерах, но на мобильных устройствах я получаю статическое состояние вместо постепенного появления и исчезновения.

Я положил сюда код ...

https://codepen.io/anon/pen/jvKZGW

@keyframes flickerAnimation {
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}

.loading  {
-webkit-animation: flickerAnimation 1s infinite;
-moz-animation: flickerAnimation 1s infinite;
-o-animation: flickerAnimation 1s infinite;
animation: flickerAnimation 1s infinite;
background: #215c87;
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 10px;
right: 10px;
}

Какой «мобильный» не работает?

Sfili_81 14.09.2018 08:53

любое мобильное устройство кажется. сафари или хром

MichL 14.09.2018 18:10
0
2
28
0

Другие вопросы по теме