const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };
const observer = new IntersectionObserver(function(entries) { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; } }); }, observerOptions);
cards.forEach((card, index) => { card.style.opacity = '0'; card.style.transform = 'translateY(30px)'; card.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`; observer.observe(card); });
// 페이지 로드 시 애니메이션 window.addEventListener('load', function() { document.querySelector('.header').style.animation = 'fadeInDown 1s ease'; });
// CSS 애니메이션 추가
const style = document.createElement('style');
style.textContent = `
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
`;
document.head.appendChild(style);
📌 잠깐! 형사소송, 도대체 언제 끝날까요? 😩 속 시원하게 알고 싶다면, 이 글을 끝까지 읽어보세요!…
📌 잠깐! 형사소송법, 이름만 들어도 머리가 아프신가요? 걱정 마세요! 이 글은 딱딱한 법 조문 대신,…
📌 잠깐! 모욕죄, 억울하게 휘말리거나 반대로 실수할 수도 있는 문제죠? 이 글을 통해 모욕죄의 모든…