TextGradientScroll
A text component that reveals a gradient based on scroll position.
Scroll down...
Scroll to see the magic
Keep scrolling...
Usage
import { TextGradientScroll } from '@reactomega/ui';
export default function App() {
return (
<TextGradientScroll
text="Fade In Text"
startColor="#ff0080"
endColor="#7928ca"
/>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Text content |
| startColor | string | "#ffffff" | Start color of the gradient |
| endColor | string | "#666666" | End color of the gradient |