function create3DEffect() {
    document.addEventListener('mousemove', (e) => {
        const cards = document.querySelectorAll('.article-card');
        cards.forEach(card => {
            const speed = 20;
            const x = (window.innerWidth - e.pageX * speed) / 100;
            const y = (window.innerHeight - e.pageY * speed) / 100;
            card.style.transform = `perspective(1000px) rotateY(${x}deg) rotateX(${y}deg)`;
        });
    });
}