/
Hero
/
web-static-labs
Обзор
Документация
Войти
/
Hero
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/script.js
35 строк
1 KB
Hero
upload files
03 окт 2025, 10:12
03 окт 2025, 10:12
50ece79
Код
Авторство
О чём код?
// Добавляем интерактивность document.addEventListener('DOMContentLoaded', function() { // Анимация прогресс-бара const progressFill = document.querySelector('.progress-fill'); setTimeout(() => { progressFill.style.width = '16.67%'; }, 500); // Добавляем эффект параллакса для частиц document.addEventListener('mousemove', function(e) { const particles = document.querySelectorAll('.particle'); const mouseX = e.clientX / window.innerWidth; const mouseY = e.clientY / window.innerHeight; particles.forEach((particle, index) => { const speed = (index + 1) * 0.5; const x = (mouseX - 0.5) * speed * 20; const y = (mouseY - 0.5) * speed * 20; particle.style.transform = `translate(${x}px, ${y}px)`; }); }); // Анимация карточек при наведении const cards = document.querySelectorAll('.glass-card'); cards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-5px) scale(1.02)'; }); card.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0) scale(1)'; }); }); });