Card ↔ list view
The only thing the toggle changes is the invisible grid behind the tracks: the
.cells and their empty .slots snap to the new layout instantly.
The card background, cover art and text are three separate layers, each anchored to its own
slot with data-⚓️-fill and data-⚓️-transition="morph", so they morph
to their new place and size on their own. data-⚓️-scope="all" lets every row reuse
the same three anchor names. Zero JavaScript.
-
Blue Monday
New Order · 1983
-
Teardrop
Massive Attack · 1998
-
Windowlicker
Aphex Twin · 1999
-
Hyperballad
Björk · 1995
-
Midnight City
M83 · 2011
-
Roygbiv
Boards of Canada · 1998
-
Everything In Its Right Place
Radiohead · 2000
-
Da Funk
Daft Punk · 1995
-
Glory Box
Portishead · 1994
-
Strobe
deadmau5 · 2009
-
Gosh
Jamie xx · 2015
-
Porcelain
Moby · 1999