{ anime({ targets: '.overlay', opacity: 0, duration: 800, easing: 'easeOutQuad', complete: () => { document.querySelector('.overlay').style.display = 'none'; const blocks = [ { selector: '.b1', dx: '-2.5vw', dy: '-4vw', delay: 0 }, { selector: '.b2', dx: '-2.5vw', dy: '-4vw', delay: 150 }, { selector: '.b3', dx: '-2.5vw', dy: '-4vw', delay: 300 }, { selector: '.b4', dx: '0', dy: '-4vw', delay: 450 }, { selector: '.b5', dx: '0', dy: '-4.7vw', delay: 600 }, { selector: '.b6', dx: '2.5vw', dy: '-3.5vw', delay: 750 }, { selector: '.b7', dx: '2.5vw', dy: '-2.5vw', delay: 900 } ]; let completed = 0; blocks.forEach((block, index) => { anime({ targets: block.selector, translateX: block.dx, translateY: block.dy, delay: block.delay, duration: 500, easing: 'easeOutQuad', complete: () => { const shake = anime({ targets: block.selector, translateX: block.dx === '0' ? ['0', '0.4vw'] : [block.dx, `calc(${block.dx} + 0.4vw)`], translateY: [block.dy, `calc(${block.dy} + 0.4vw)`], duration: 500, direction: 'alternate', loop: true, easing: 'easeInOutQuad' }); setTimeout(() => { shake.pause(); anime({ targets: block.selector, translateX: '0', translateY: '0', duration: 500, easing: 'easeInOutQuad', complete: () => { completed++; if (completed === blocks.length) { setTimeout(runAnimation, 1000); // Запуск цикла снова через 1 сек } } }); }, 2500); } }); }); } }); }; runAnimation(); ">
Ваш браузер не поддерживает видео.