liftbox

Flip

Mirror images horizontally or vertically, composing with rotation and zoom.

<Lightbox flip rotate {...props} />

flip adds flip horizontally and vertically buttons for images. It is off by default.

Live demo. Click a thumbnail to open it.

  • A flip always mirrors across the screen axis named on the button. On a rotated image, where the image's own axes are swapped, it still reads the way the button says.
  • Flips compose with rotation and zoom, and animate on transform.
  • They reset on slide change, when the viewer closes and with the 0 key, which also resets zoom and rotation.
  • The buttons are named by labels.flipHorizontal and labels.flipVertical, and use icons.flipHorizontal and icons.flipVertical.
  • On a narrow screen they can move into the overflow menu.
Edit this page on GitHub