Before & After

Horizontal

Below example showing the horizontal orientation of the slider with a circular handle.
Drag the slider sideways to see the before and after (better on mobile).

WINTER SUMMER

Vertical

Below example showing the vertical orientation of the slider with a square handle.
Drag the slider up and down to see the before and after.

BEFORE AFTER
BEFORE AFTER