slider-before-after
Version:
🔨 Lightweight and simple slider to present images in before / after style with no dependencies
22 lines (18 loc) • 339 B
CSS
.slider-before-after {
position: relative;
}
.slider-before-image,
.slider-after-image {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}
.slider-after-image {
will-change: width;
}
.slider-before-image img,
.slider-after-image img {
/* Remove 5.6px of bottom space below image */
float: left;
}