/
magarich
/
web
Обзор
Документация
Войти
/
magarich
/
web
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
html/lab2/script.js
42 строки
2 KB
Юра Магарьян
Final submission: Lab2 and Lab3 by Magaryan Yury PIZ2402
17 апр 2026, 23:12
17 апр 2026, 23:12
0827836
Код
Авторство
О чём код?
// Добавляем случайные анимации для карточек при загрузке document.addEventListener('DOMContentLoaded', function() { // Анимация появления элементов const animateOnScroll = () => { const cards = document.querySelectorAll('.task-card, .personal-info'); cards.forEach(card => { const cardTop = card.getBoundingClientRect().top; const windowHeight = window.innerHeight; if (cardTop < windowHeight - 100) { card.style.opacity = '1'; card.style.transform = 'translateY(0)'; } }); }; // Изначально скрываем карточки для анимации const cards = document.querySelectorAll('.task-card, .personal-info'); cards.forEach(card => { card.style.opacity = '0'; card.style.transform = 'translateY(30px)'; card.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; }); // Запускаем анимацию setTimeout(animateOnScroll, 100); window.addEventListener('scroll', animateOnScroll); // Добавляем эффект частиц при наведении на карточки const taskCards = document.querySelectorAll('.task-card'); taskCards.forEach(card => { card.addEventListener('mouseenter', function() { this.style.background = 'rgba(255, 255, 255, 0.95)'; }); card.addEventListener('mouseleave', function() { this.style.background = 'rgba(255, 255, 255, 0.85)'; }); }); });