Fold crossfade slider

Smoothly transition between the closed and open states of a single flap using a simple slider. Images courtesy of Yale University Library.

Closed state
Closed Open
Details and notes
  • This is a simple image crossfade; it does not model rotation or hinge behavior.
  • Images load from Yale IIIF Image API. For higher resolution, increase the width in the URLs.
  • To align precisely or mask to a circular flap, a future version could add SVG clip-paths and a rotation control.
  • Source record: Yale Digital Collections
  • Local manifest used in the project: yale-16301942-flap.json