Значок SVG вращается с центра на iPhone ⇐ CSS

[Anonymous]

Я добавил погрузчик SVG и дал ему бесконечную анимацию вращения. На рабочем столе все работает нормально: значок вращается вокруг своего центра и действительно выглядит как погрузчик. Когда я посещаю сайт с iPhone, значок начинает странно вращаться. Такое ощущение, что он не вращается вокруг своего центра (ссылка: https://www.youtube.com/shorts/hdxl5chcfww, извините за плохое качество). Кто -нибудь знает, что вызывает это и как это исправить? < /P>






< /code>
.loading {
display: block;
margin: 0 auto;
transform-origin: center center;
animation: infinite-rotate .6s infinite linear;

will-change: transform;
backface-visibility: hidden;
}
< /code>
@keyframes infinite-rotate {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... -on-iphone