Здравствуйте, у меня есть теги i которые создаёт скрипт. Нужно сделать так, чтобы эти иконки перемещались с левой части экрана до правой постоянно. При этом иконки начинают движение за экраном и заходят за экран, и если можно сделать перемещение сразу при загрузке.
<div class="field container-fluid"></div>
$(document).ready(function($) {
var $BodyWidth, BodyHeight,
instagram_count = 3;
BodyHeight = $(".field").height(); //измерение высоты
BodyWidth = $(".field").width();//измерение ширины
//Спаун ИКОНОК
for (var i = 0; i < instagram_count; i++) {
var ICON = $("<i class='bg-icon'>Inst</i>").appendTo(".container-fluid")
.addClass('inst'+i);//присвоение индивидуального класса
ICON.css('top:0');
var transform = 'translate( 0px, ' + getRandom(BodyHeight) + 'px)'
ICON.css('transform', transform);
}
//Перемещение иконок
setInterval (function(){
for (var i = 0; i < instagram_count; i++){
$('.inst'+i).css({
'transform' : 'translate('+ getRandom(BodyWidth) +'px, '+ getRandom(BodyHeight) +'px)' //присваиваются новые координаты для перемещения
});
}
}, 5000);
});
//Функция для рандомного числа
function getRandom(upper) {
return Math.random() * upper;
}