/
Hero
/
web-static-labs
Обзор
Документация
Войти
/
Hero
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab2/script.js
42 строки
2 KB
Hero
upload files
03 окт 2025, 09:50
03 окт 2025, 09:50
c918c9d
Код
Авторство
О чём код?
// Добавляем случайные анимации для карточек при загрузке 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)'; }); }); });