ELEMENTS
Before After
Image comparison sliders for showing transformations
Documentation
Add data-comparison attribute to create an interactive comparison slider.
- -
data-comparison="horizontal"- Horizontal slider (default) - -
data-comparison="vertical"- Vertical slider - - Drag the slider handle to compare before/after content
- - Works with touch on mobile devices