Scroll Float
Shoora UI
Customize Scroll Float
Animation Duration1s
Stagger0.03s
Props
| Property | Type | Default | Description |
|---|---|---|---|
| animationDuration | number | 1 | The duration of the animation in seconds. |
| ease | string | "back.inOut(2)" | The easing function for the animation. |
| scrollStart | string | "center bottom+=50%" | The scroll trigger start position. |
| scrollEnd | string | "bottom bottom-=40%" | The scroll trigger end position. |
| stagger | number | 0.03 | The delay between each character animation. |
| children | React.ReactNode | - | The text content to be animated. |
Dependencies
gsap
Created with ❤️ by Cybershoora