Skip to content

Instantly share code, notes, and snippets.

@heytulsiprasad
Created August 26, 2024 19:06
Show Gist options
  • Save heytulsiprasad/d0dc71601a870ae255c9df3ebabc639c to your computer and use it in GitHub Desktop.
Save heytulsiprasad/d0dc71601a870ae255c9df3ebabc639c to your computer and use it in GitHub Desktop.
export const perspective = {
initial: {
scale: 0.9,
y: -150,
opacity: 0.5,
},
enter: {
scale: 1,
y: 0,
opacity: 1,
transition: {
duration: 1.2,
ease: [0.76, 0, 0.24, 1],
},
},
exit: {
scale: 1,
y: 0,
opacity: 1,
},
};
export const slide = {
initial: {
y: 0,
},
enter: {
y: "100vh",
transition: {
duration: 1,
ease: [0.76, 0, 0.24, 1],
},
},
exit: {
y: "100vh",
},
};
export const opacity = {
initial: {
opacity: 0,
},
enter: {
opacity: 1,
transition: {
duration: 0.5,
},
},
exit: {
opacity: 1,
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment