document.addEventListener("DOMContentLoaded", function () { const leftImage = document.querySelector(".image-left"); const rightImage = document.querySelector(".image-right img"); const centerText = document.querySelector(".center-text"); const section = document.querySelector(".image-reveal-section"); console.log(rightImage); if (!leftImage || !rightImage || !centerText || !section) { console.warn("یکی از عناصر مورد نیاز پیدا نشد!"); return; } window.addEventListener("scroll", () => { const rect = section.getBoundingClientRect(); const windowHeight = window.innerHeight; const triggerPoint = windowHeight * 0.8; // محاسبه درصد حرکت const progress = Math.min(Math.max((triggerPoint - rect.top) / 300, 0), 1); // مقدار حرکت و چرخش const moveX = progress * 200; const rotate = progress * 30; leftImage.style.transform = `translate(calc(-50% - ${moveX}px), -50%) rotate(-${rotate}deg)`; rightImage.style.transform = `translate(calc(-50% + ${moveX}px), -50%) rotate(${rotate}deg)`; centerText.style.opacity = progress; }); });