* utilities: update .text-shimmer animation properties for improved visual effect, adjusting gradient stops and animation duration for enhanced styling.

catouse · catouse · commit a26b39febbc6 · 2025-12-16T19:41:31.000+08:00
diff --git a/lib/utilities/src/effects/animation.css b/lib/utilities/src/effects/animation.css
@@ -9,12 +9,12 @@
 }
 
 .text-shimmer {
-    background: linear-gradient(90deg, var(--text-shimmer-1, currentColor) 0%, var(--text-shimmer-2, var(--color-gray-100, #f1f1f1)) 50%, var(--text-shimmer-1, currentColor) 100%);
+    background: linear-gradient(90deg, var(--text-shimmer-1, currentColor) 20%, var(--text-shimmer-2, var(--color-gray-400, #f1f1f1)) 50%, var(--text-shimmer-1, currentColor) 80%);
     background-size: 200% auto; /* 拉大背景以允许移动 */
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent; /* 兼容性写法，同 color: transparent */
-    animation: -shimmer 2s linear infinite;
+    animation: -shimmer 3s linear infinite;
 }
 
 .text-aurora {

Original file line number	Diff line number	Diff line change
`@@ -9,12 +9,12 @@`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`.text-shimmer {`
`12`		`- background: linear-gradient(90deg, var(--text-shimmer-1, currentColor) 0%, var(--text-shimmer-2, var(--color-gray-100, #f1f1f1)) 50%, var(--text-shimmer-1, currentColor) 100%);`
	`12`	`+ background: linear-gradient(90deg, var(--text-shimmer-1, currentColor) 20%, var(--text-shimmer-2, var(--color-gray-400, #f1f1f1)) 50%, var(--text-shimmer-1, currentColor) 80%);`
`13`	`13`	`background-size: 200% auto; /* 拉大背景以允许移动 */`
`14`	`14`	`-webkit-background-clip: text;`
`15`	`15`	`background-clip: text;`
`16`	`16`	`-webkit-text-fill-color: transparent; /* 兼容性写法，同 color: transparent */`
`17`		`- animation: -shimmer 2s linear infinite;`
	`17`	`+ animation: -shimmer 3s linear infinite;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.text-aurora {`