A slider to compare before/after situations
TwentyTwenty 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.
Demonstrates basic usage of the plugin.
Demonstrates sliding up and down.
Using multiple comparisons at once.
At GitHub ➠ https://github.com/zurb/twentytwenty
Car image : Private collection ➠ Image taken in Salt Lake City, June, 1974
⇪ Feb 17 2021 06:30:54