Ellipse Carousel Demo | Hyperiux Vault

Loading

Ellipse Carousel

Read Article All Effects

Drag the cards to rotate the ellipse

Ellipse Carousel

↑

Coastal landscape painting

Studio portrait

M

⌒Nike

Parks

Mountain range

Ext

Night sky

ÖH

SSSIII

Background Color

Background fill behind the carousel stage.

Card Width

Card width at the largest active position, in pixels.

Card Height

Card height at the largest active position, in pixels.

Min Scale

Minimum scale applied to the farthest cards on the ellipse.

Radius XRatio

Horizontal ellipse radius as a fraction of the stage width.

Radius YRatio

Vertical ellipse radius as a fraction of the stage height.

Hold Duration

Seconds to hold on the active card before advancing.

Step Duration

Seconds for the snap transition between cards.

Drag Sensitivity

Multiplier on the carousel's angular drag response.

Loading Ellipse Carousel