Merge pull request #828 from web3dev1337/fix/site-gradient-oneshot

web3dev1337 · web-flow · commit da21ed3d3d54 · 2026-03-11T16:40:23.000+11:00
style: one-shot gradient animation on hero text
diff --git a/site/styles.css b/site/styles.css
@@ -88,7 +88,7 @@ body {
 .multi-color {
   background-image: linear-gradient(90deg, var(--cyan), var(--blue-deep), var(--pink));
   background-size: 200% auto;
-  animation: gradientShift 5s linear infinite;
+  animation: gradientShift 3s ease-out forwards;
 }
 
 @keyframes gradientShift {

Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,7 @@ body {`
`88`	`88`	`.multi-color {`
`89`	`89`	`background-image: linear-gradient(90deg, var(--cyan), var(--blue-deep), var(--pink));`
`90`	`90`	`background-size: 200% auto;`
`91`		`- animation: gradientShift 5s linear infinite;`
	`91`	`+ animation: gradientShift 3s ease-out forwards;`
`92`	`92`	`}`
`93`	`93`
`94`	`94`	`@keyframes gradientShift {`