//this is for animating the pages that are related to navigation bar so the parameters are a for active page and d for deactive page
function btt(a,d){
let tl = gsap.timeline({defaults:{duration:0.6}});
tl.fromTo(a,
{
transformPerspective: 1000,
transformStyle: "preserve-3d",
transformOrigin: "top ",
rotationX: -90,
},
{
transformPerspective: 1000,
transformStyle: "preserve-3d",
transformOrigin: "top ",
rotationX:0,
} )
.fromTo(d,{
opacity:1,
display:"block",
transformPerspective: 1000,
transformStyle: "preserve-3d",
transformOrigin: "bottom ",
rotationX:0,
},
{
zIndex:-1,
opacity:0.8,
display:"none",
transformPerspective: 1000,
transformStyle: "preserve-3d",
transformOrigin: "bottom",
rotationX:90,
},0);
}