feat: add bg shine effect

soyricardodev · soyricardodev · commit 3b95f2c9bdc9 · 2024-07-04T00:11:14.000-04:00
diff --git a/apps/gifting-concierge/src/app/components/hero-text-animation.tsx b/apps/gifting-concierge/src/app/components/hero-text-animation.tsx
@@ -54,7 +54,7 @@ export function HeroTextAnimation({ children }: { children: React.ReactNode }) {
 			>
 				Gift effortlessly, surprise instantly.
 				<br />
-				<strong>No address needed.</strong>
+				<strong className="inline-flex animate-background-shine bg-[linear-gradient(110deg,#939393,45%,#DBD0C5,55%,#939393)] bg-[length:250%_100%] bg-clip-text text-transparent leading-tight">No address needed.</strong>
 			</motion.p>
 
 			<motion.div

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ export function HeroTextAnimation({ children }: { children: React.ReactNode }) {`
`54`	`54`	`>`
`55`	`55`	`Gift effortlessly, surprise instantly.`
`56`	`56`	`<br />`
`57`		`- <strong>No address needed.</strong>`
	`57`	`+ <strong className="inline-flex animate-background-shine bg-[linear-gradient(110deg,#939393,45%,#DBD0C5,55%,#939393)] bg-[length:250%_100%] bg-clip-text text-transparent leading-tight">No address needed.</strong>`
`58`	`58`	`</motion.p>`
`59`	`59`
`60`	`60`	`<motion.div`