Compare commits
No commits in common. "21a07a3fda3117010fd11a673effc128ac77ee5a" and "44d7c5621211e8852a036eb9377e53af9b4fbb35" have entirely different histories.
21a07a3fda
...
44d7c56212
@ -59,19 +59,22 @@ const App = () => {
|
|||||||
|
|
||||||
const fadeVariants = {
|
const fadeVariants = {
|
||||||
initial: {
|
initial: {
|
||||||
|
clipPath: "polygon(0 0, 0 0, 0 100%, 0% 100%)",
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
},
|
},
|
||||||
animate: {
|
animate: {
|
||||||
|
clipPath: "polygon(0 0, 100% 0, 100% 100%, 0 100%)",
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
transition: {
|
transition: {
|
||||||
duration: 0.5,
|
duration: 0.7,
|
||||||
ease: "easeInOut",
|
ease: "easeInOut",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
exit: {
|
exit: {
|
||||||
|
clipPath: "polygon(100% 0, 100% 0, 100% 100%, 100% 100%)",
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
transition: {
|
transition: {
|
||||||
duration: 0.5,
|
duration: 0.7,
|
||||||
ease: "easeInOut",
|
ease: "easeInOut",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user