Carousel Comparison

0 / 7 revealed

1. scrollTo

overflow:hidden + scrollTo(smooth)

Rating

1,600 – 2,000

Motivation

Compete in tournaments

Motivation

Beat my friends

Motivation

Hit a rating milestone

Goal

Gain 200+ rating points

Goal

Win more games out of the opening

Goal

Build a complete repertoire

2. translateY

CSS transform on inner container + mask

Rating

1,600 – 2,000

Motivation

Compete in tournaments

Motivation

Beat my friends

Motivation

Hit a rating milestone

Goal

Gain 200+ rating points

Goal

Win more games out of the opening

Goal

Build a complete repertoire

3. Svelte transitions

{#each} + in:fly / out:fade + animate:flip