Search Results

}); // 3D tilt interaction per card (desktop only) if (!isMobile) { var slides = el.querySelectorAll('.swiper-slide .slide-card'); slides.forEach(function(card){ var rect, width, height; function updateRect(){ rect = card.getBoundingClientRect(); width = rect.width; height = rect.height; } updateRect(); window.addEventListener('resize', updateRect); card.addEventListener('mousemove', function(e){ var x = (e.clientX - rect.left) / width; // 0..1 var y = (e.clientY - rect.top) / height; // 0..1 var rotateY = (x - 0.5) * 14; // deg var rotateX = (0.5 - y) * 12; // deg card.style.transform = 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) translateZ(0)'; }); card.addEventListener('mouseleave', function(){ card.style.transform = 'rotateX(0deg) rotateY(0deg) translateZ(0)'; }); }); } });