Flying Posters
A column of posters streaming upward as if around a drum. Drag to push the stream; it bends harder the faster it goes.
import { FlyingPosters } from "pleate/effects/flying-posters";Posters
Props
- images
Posters; use six or more so the loop has no gaps.
{ src, alt }[]- posterWidth / posterHeight
Poster size in px.
numberdefault 220 / 300- gap
Space between posters in px.
numberdefault 40- drift
Idle speed in px per second.
numberdefault 40- bend
How much the stream curves, 0 to 1.
numberdefault 0.6- label
Accessible name.
stringdefault "Posters"
Accessibility
- Focusable region: arrow keys and Page Up or Down push the stream.
- Reduced motion stops the drift.