document.addEventListener("DOMContentLoaded", function () {
const elements = document.querySelectorAll(".scroll-reveal");
const observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.style.opacity = "1";
entry.target.style.transform = "translateY(0)";
observer.unobserve(entry.target);
}
});
}, {
threshold: 0.15
});
elements.forEach(function (element) {
element.style.opacity = "0";
element.style.transform = "translateY(50px)";
element.style.transition = "opacity 0.8s ease, transform 0.8s ease";
observer.observe(element);
});
});