Page Transitions

Transiciones suaves entre páginas con un overlay animado. Lo que separa una web normal de una de agencia top.

Bienvenido

Esta es la página de inicio

Código
// Al salir de la página
function transitionOut(onComplete: () => void) {
  gsap.to(overlay, {
    scaleY: 1,
    duration: 0.5,
    ease: "power2.inOut",
    transformOrigin: "bottom",
    onComplete
  })
}

// Al entrar a la nueva página
function transitionIn() {
  gsap.to(overlay, {
    scaleY: 0,
    duration: 0.5,
    ease: "power2.inOut",
    transformOrigin: "top",
  })
}