31 / Image

Image Comparison Slider

Two versions of the same frame, one laid over the other. Drag the divider across to compare them.

also called before/after · juxtapose

One image clipped over another, the clip driven by pointer position. Keep both layers exactly registered or the comparison lies.

How it is built

clip-path: inset(0 calc(100% - var(--x)) 0 0);