/ Image Comparison

A little experiment for a before & after slider all inside a SVG

A little experiment for a before & after slider all inside a SVG

Before & After Slider Gallery With SVG Masks

A little experiment for a before & after slider all inside a SVG. Masking makes it pretty simple. Since it’s all SVG, the images and captions scale nicely together. GreenSock’s Draggable and ThrowProps plugins were used for the slider control.

Made with

Html
Css/SCSS
Javascript

Author

Craig Roblewsky

Demo

See the Pen Before & After Slider Gallery With SVG Masks by Craig Roblewsky (@PointC) on CodePen.

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More