Плавная смена фоновой картинки

В этом ролике я покажу, как сделать плавную смену фонового изображения на странице без “моргания” и задержек загрузки. Мы разберём, как с помощью асинхронной функции и объекта Image() можно предзагружать картинки, а затем аккуратно менять фон через CSS-переход transition. 🔹 Что используется: async / await для ожидания загрузки изображения; объект new Image() — как инструмент предварительной загрузки; CSS transition — для плавного визуального эффекта; немного случайности (Math.random()), чтобы фон менялся каждый раз по-разному. 💡 В итоге вы получите универсальную функцию setBackground(), которая выбирает случайное изображение, загружает его в кеш и плавно подставляет в фон страницы.