Perspective Marquee
ProA 3D tilted image grid with alternating rows scrolling infinitely in both directions.
css 3d3dmarqueeperspectiveloopscrolldepth
Props
| Prop | Type | Default | Description |
|---|---|---|---|
images | PerspectiveMarqueeImage[] | - | Landscape images distributed across rows. |
rows | number | 4 | Number of horizontal marquee rows. |
imagesPerRow | number | 6 | Images per row before the seamless duplicate. |
speed | number | 40 | Base cycle duration in seconds. Lower is faster. |
gap | number | 24 | Gap between cards in pixels. |
cardWidth | number | 280 | Card width in pixels. |
cardHeight | number | 158 | Card height in pixels. |
perspective | number | 1000 | CSS perspective distance in pixels. |
rotateX | number | 18 | 3D tilt around X in degrees. |
rotateZ | number | -22 | 3D tilt around Z in degrees. |
pauseOnHover | boolean | false | Pause every row while the cursor is over the stage. |
fadeEdges | boolean | false | Soft edge fades only, with no center vignette. |
showLines | boolean | true | Dashed grid lines in the blank gutters between cards. |