Как добавить случайный URL-адрес моего изображения в CSS или JS? ⇐ CSS
-
Anonymous
Как добавить случайный URL-адрес моего изображения в CSS или JS?
Я не могу найти решение для случайного URL-адреса изображения в CSS или JS. Может быть, мне нужен дочерний код в CSS или я автоматически вставлю случайное изображение для облаков?
***обновление: я хочу вставить URL-адрес своих изображений в css или jss, буду случайным образом создавать на слайде разные изображения.. я не знаю, как писать код... function nuvoli() { let e = document.createElement("div"); пусть размер = Math.random() * 12; пусть продолжительность = Math.random() * 3; e.setAttribute("класс", "nuvolo"); document.body.appendChild(e); e.style.top = Math.random() * +innerWidth + "px"; e.style.animationDuration = 20 + длительность + «с»; setTimeout(функция() { document.body.removeChild(e); }, 20000); } setInterval(функция() { нуволи(); }, 100); * { маржа: 0; заполнение: 0; размер коробки: граница-коробка; } тело { фон: серый; минимальная высота: 100vh; переполнение: скрыто; } .нуволо { позиция: абсолютная; слева: -100 пикселей; ширина: 100%; высота: 100%; фоновый повтор: без повтора; фоновое изображение: url("https://testing.yana.lol/ita/images/bg-004.png"); анимация: анимация 20-секундного линейного движения вперед; } @keyframes анимировать { 0% { преобразование: TranslateX (0); } 100% { преобразование: TranslateX (120%); }
Я не могу найти решение для случайного URL-адреса изображения в CSS или JS. Может быть, мне нужен дочерний код в CSS или я автоматически вставлю случайное изображение для облаков?
***обновление: я хочу вставить URL-адрес своих изображений в css или jss, буду случайным образом создавать на слайде разные изображения.. я не знаю, как писать код... function nuvoli() { let e = document.createElement("div"); пусть размер = Math.random() * 12; пусть продолжительность = Math.random() * 3; e.setAttribute("класс", "nuvolo"); document.body.appendChild(e); e.style.top = Math.random() * +innerWidth + "px"; e.style.animationDuration = 20 + длительность + «с»; setTimeout(функция() { document.body.removeChild(e); }, 20000); } setInterval(функция() { нуволи(); }, 100); * { маржа: 0; заполнение: 0; размер коробки: граница-коробка; } тело { фон: серый; минимальная высота: 100vh; переполнение: скрыто; } .нуволо { позиция: абсолютная; слева: -100 пикселей; ширина: 100%; высота: 100%; фоновый повтор: без повтора; фоновое изображение: url("https://testing.yana.lol/ita/images/bg-004.png"); анимация: анимация 20-секундного линейного движения вперед; } @keyframes анимировать { 0% { преобразование: TranslateX (0); } 100% { преобразование: TranslateX (120%); }
Мобильная версия