Scroll Fade Effect
Fade content edges as you scroll, for both vertical and horizontal layouts.
Loading...
Installation
pnpm dlx shadcn@latest add https://jb.desishub.com/r/scroll-fade-effect.json
Usage
import { ScrollFadeEffect } from "@/components/scroll-fade-effect";<ScrollFadeEffect className="h-72">{/* Scrollable content */}</ScrollFadeEffect>Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "vertical" | Scroll direction to apply the fade effect. |
Examples
Horizontal Scroll
Loading...
