Всем привет. На айфонах при обновлении страницы с очисткой кэша не работает анимация. На других устройствах все работает правильно. В devtools также работает правильно, а вот на айфонах нет. После повторного обновления страницы все также работает правильно, только при обновлении с очисткой кэша анимация не работает. Если кто-то знает в чем может быть такая проблема, расскажите пожалуйста. Спасибо.
Ссылка на сайт. Портфолио - блок с ноутбуком (там и происходит анимация). Увидеть баг можно на айфоне.
.portfolio__slider_site_example {
transform: translate(-50%, 12px);
-webkit-transform: translate(-50%, 12px);
width: 216px;
animation: 80s infinite linear portfolio;
-webkit-animation: 80s infinite linear portfolio;
}
@keyframes portfolio {
from {
transform: translate(-50%, 12px);
-webkit-transform: translate(-50%, 12px);
}
to {
transform: translate(-50%, -88%);
-webkit-transform: translate(-50%, -88%);
}
}
@-webkit-keyframes portfolio {
from {
transform: translate(-50%, 12px);
-webkit-transform: translate(-50%, 12px);
}
to {
transform: translate(-50%, -88%);
-webkit-transform: translate(-50%, -88%);
}
}
