Carousel & Slider Animation Principles

Apply Disney's 12 principles to carousels and sliders for smooth, intuitive navigation.

Principles Applied to Carousels

1. Squash & Stretch

Slides can slightly compress in scroll direction during fast swipes. Expands perception of speed and momentum.

2. Anticipation

Before slide change, current slide can shift 5-10px in direction of navigation. Button can depress before triggering.

3. Staging

Current/active slide should be prominently displayed: larger, centered, more opaque. Adjacent slides can be dimmed or scaled down.

4. Straight Ahead & Pose to Pose

Use pose-to-pose: define exact positions for each slide. Snap points should be clear and predictable.