Gradient Slider

Gradient Slider is made up of a repeater of images that are displayed as 3D cards. The background gradient is generated from the images. You can drag the cards or use the mouse wheel to move the slider.
Images: repeater of images. Each item has an image and an alt text.

Width: width of the slider.
Height: height of the slider.
Perspective: 3D perspective applied to the cards.
Gradient blur: blur applied to the background gradient.
Base color: fallback color of the background behind the gradient.

Width: width of each card.
Radius: border radius of each card.
Gap: space between cards.

Disable in the Builder: if enabled, the animation will be disabled at the builder.
Entry animation: if enabled, cards animate in when the slider loads.
Max rotation: maximum Y rotation of cards away from the center.
Max depth: how far side cards recede in Z.
Friction: how fast the slider slows down after a drag or wheel move. Higher values keep more momentum.
Wheel: wheel sensitivity. Shown when Scroll is enabled.
Drag: drag sensitivity.

Scroll: when enabled, the mouse wheel moves the slider and blocks page scroll. Disable it to keep scrolling the page while hovering the slider.

– Tamu