Before & After Slider

Requirements:

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

Performance:
☆☆☆☆☆
Safe to use. May cause a minor drop in performance.
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
Performance:
Supported Plan(s):
Functionality:
Availability:
Related Features:
Reviews
RSS Feed
Accordion
Alert Box
Animation
Announcement Bar