Aisol Quote Motion

Aisol Quote Motion is one testimonial carousel with four motions: slide, stamp (cards land on a stack), fade, and floor, where the quotes lie on a tilted floor and the current one stands up.

Quotes come from the panel or a Collection List read by layer names: quote, name, role, stars, source badge, link, avatar and an optional video that plays muted while its card is on screen.

One index drives everything and the motion is CSS on that index; autoplay pauses on hover, focus, off screen, in a hidden tab and under reduced motion.

- Floor is CSS 3D only (no WebGL): a drawn floor plane and one transform per card, so the canvas shows the standing card as the first frame.

- Only the current card's video plays, muted and looping; the others stay paused and load nothing. A play button stays on the card.

- Screen readers get one quote at a time; the position (Quote 2 of 4) is announced politely when the visitor moves.

What you control

• Quotes as an array (quote, author, role, avatar, rating, source, link, video, poster) or a Collection List through the quote slots

• Motion: slide, stamp, fade or floor; autoplay seconds (0 = off); video autoplay on or off

• Arrows, dots, stars, avatars; left or centred; max width, radius, padding, font, text size

• Accent, text, muted, card and floor colours; every screen-reader label; empty-state text

Limits: one quote is visible at a time (CMS Review Wall is the grid); in the floor motion the two neighbours lie on the floor, clipped at the stage edge; a video plays only on the current card, muted, and needs a poster for the canvas.