fix: resolve BlurText TS Tailwind issue

agustinusnathaniel · web-flow · commit 0e3a1c17170c · 2025-03-25T01:51:03.000+07:00
diff --git a/src/ts-tailwind/TextAnimations/BlurText/BlurText.tsx b/src/ts-tailwind/TextAnimations/BlurText/BlurText.tsx
@@ -95,7 +95,7 @@ const BlurText: React.FC<BlurTextProps> = ({
         <AnimatedSpan
           key={index}
           style={props}
-          className="inline-block transition-transform will-change-[transform,filter,opacity]"
+          className="inline-block will-change-[transform,filter,opacity]"
         >
           {elements[index] === ' ' ? '\u00A0' : elements[index]}
           {animateBy === 'words' && index < elements.length - 1 && '\u00A0'}

Original file line number	Diff line number	Diff line change
`@@ -95,7 +95,7 @@ const BlurText: React.FC<BlurTextProps> = ({`
`95`	`95`	`<AnimatedSpan`
`96`	`96`	`key={index}`
`97`	`97`	`style={props}`
`98`		`- className="inline-block transition-transform will-change-[transform,filter,opacity]"`
	`98`	`+ className="inline-block will-change-[transform,filter,opacity]"`
`99`	`99`	`>`
`100`	`100`	`{elements[index] === ' ' ? '\u00A0' : elements[index]}`
`101`	`101`	`{animateBy === 'words' && index < elements.length - 1 && '\u00A0'}`