WebAppers

/ best free open source web resources /

Graphic Resources

Highlight the Differences of Two Images with jQuery

Posted · Category: MIT License, Tools

Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them. It works by stacking two images on top of each other. As the slider moves across the image, it makes use of the CSS clip property to trim the image on the left. This allows the image on the right to show through the container.

before-and-after

Requirements: jQuery Framework
Demo: http://zurb.com/playground/twentytwenty
License: MIT License

0 Comments
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons