ПЕРВОМ ЦИКЛЕ смены картинок?
Суть: есть блок и я ему поставил анимацию типа
animation: changeBG 15s linear infinite normal;
@keyframes changeBG {
0% {
background-image: url(/src/img-1.png)
}
33% {
background-image: url(/src/img-2.png)
}
66% {
background-image: url(/src/img-3.png)
}
100% {
background-image: url(/src/img-1.png)
}
}
И вот всё хорошо, но при первом цикле смены фона какое-то мерцание идет в моменты смены картинок. Как только картинки начинают идти уже по второму кругу, то мерцания нет и всё работает прекрасно.
может они так подгружаются?
да что-то похожее на это. А их можно как-то принудительно подгрузить заранее?
https://perishablepress.com/3-ways-preload-images-css-javascript-ajax/
видимо, дело не в подгрузке изображений
Кстати, проблема всплывает в Chrome, но отсутствует в Safari
попробуй менять картинки с помощью js и манипуляций с dom
с помощью JS пробовал менять bg-image в цикле.. там тоже мерцание постоянно при смене картинок
не меняй фон, меняй отображение img
это что значит?
Обсуждают сегодня