Before & After Slider

Requirements:

We will need the before and after images. Typically these work best when they are the same height and size. 

Horizontal Vertical

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).

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.

Tags:

About:
Site Goal(s): Showcase Your Work
Plan Type:
Functionality:
Availability:
Related Features:
Reviews
RSS Feed
Accordion
Alert Box
Animation
Announcement Bar