Scrambled Text
Customize Fade Content
Duration1000ms
Initial Opacity0
Props
| Property | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The content to be animated. |
| blur | boolean | false | Enables a blur effect during the animation. |
| duration | number | - | Specifies the duration of the fade animation in seconds. |
| delay | number | 0 | Adds a delay in seconds before triggering the animation. |
| ease | string | power2.out | GSAP easing function for the fade animation. |
| threshold | number | - | IntersectionObserver threshold for triggering the fade animation. |
| initialOpacity | number | - | The starting opacity of the component before it enters the viewport. |
| className | string | - | Custom class(es) to be added to the container. |
| disappearAfter | number | - | Time in seconds after which the content will start to disappear. Disables if set to 0. |
| disappearDuration | number | - | Duration of the disappearance animation in seconds. |
| disappearEase | string | power2.in | GSAP easing function for the disappearance animation. |