animation only once

rubenfiszel · rubenfiszel · commit acd253487dbb · 2024-04-05T13:57:54.000+02:00
diff --git a/src/landing/LandingSection.jsx b/src/landing/LandingSection.jsx
@@ -11,6 +11,7 @@ export default function LandingSection({
 			whileInView={{ opacity: 1, y: 0 }}
 			transition={{ duration: 0.5, ease: 'easeInOut' }}
 			className={`w-full h-full py-16 overflow-x-hidden ${bgClass}`}
+			viewport={{ once: true }}
 		>
 			<div className="max-w-7xl px-4 lg:px-8 mx-auto flex justify-center items-center h-full ">
 				{children}

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ export default function LandingSection({`
`11`	`11`	`whileInView={{ opacity: 1, y: 0 }}`
`12`	`12`	`transition={{ duration: 0.5, ease: 'easeInOut' }}`
`13`	`13`	className={`w-full h-full py-16 overflow-x-hidden ${bgClass}`}
	`14`	`+ viewport={{ once: true }}`
`14`	`15`	`>`
`15`	`16`	`<div className="max-w-7xl px-4 lg:px-8 mx-auto flex justify-center items-center h-full ">`
`16`	`17`	`{children}`