// মাউস নড়াচড়া করলে কার্ড 3D ভাবে ঘুরবে container.addEventListener('mousemove', (e) => { let rect = card.getBoundingClientRect(); let x = e.clientX - rect.left; // x position within the element let y = e.clientY - rect.top; // y position within the element

let centerX = rect.width / 2; let centerY = rect.height / 2;

let rotateX = ((y - centerY) / centerY) * -15; // Max rotation 15deg let rotateY = ((x - centerX) / centerX) * 15;

card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`; });

// মাউস কার্ডের ভেতরে আসলে ট্রানজিশন বন্ধ হবে (স্মুথ ঘোরার জন্য) container.addEventListener('mouseenter', (e) => { card.style.transition = 'none'; });

// মাউস সরিয়ে নিলে কার্ডটি আগের জায়গায় ফিরে আসবে container.addEventListener('mouseleave', (e) => { card.style.transition = 'transform 0.5s ease'; card.style.transform = `rotateX(0deg) rotateY(0deg)`; });