Drift Wall
An endless wall of image tiles at an angle, rows drifting in alternating directions. Hovered tiles lift towards you.
import { DriftWall } from "pleate/effects/drift-wall";Wall
Props
- images
Pictures; alt is required.
{ src, alt }[]- rows
Number of rows.
numberdefault 4- tileWidth / tileHeight
Tile size in px.
numberdefault 200 / 130- duration
Seconds for one loop of a row.
numberdefault 40- angle
Wall rotation in degrees.
[x, y, z]default [20, -24, 8]- height
Viewport height in px.
numberdefault 420
Accessibility
- Duplicate tiles are hidden from assistive tech.
- The wall stops under the pointer and with reduced motion.