This feature is a very elegant way to use to before and after, old and new, or image comparison.

Just add two pictures and use the slider. You do not need to make any css or javascript settings. It is a quality, responsive and simple feature to show the difference between the two images. This feature has been re-styled for the Quadra and has become very stylish.

You can use "before and after slider" horizontally and vertically. Two templates are available. Images can be SVG, PNG, GIF, WEBP files, whatever you want. Only the same resolution is recommended for better viewing.

Big thanks to Zurb for this great plugin. You can visit plugin page from here.

This is the horizontal template of the before & after slider. You can add your pictures and swipe left or right. Initially set to 30%. You can set up start position as you like.

image translation effect image translation effect

This is the vertical template of the before & after slider. You can add your pictures and swipe down or up. Initially set to 29%. You can set up start position as you like.

image translation effect image translation effect
Please tell us if you want to see more creative elements in Quadra. We really care about it.
website logo template
Drop us a message

You're at the right place now! How can we help?

VISIT CONTACT PAGE