Image Compare Slider
Сравнете две изображения с draggable преди/след slider. Качете, плъзнете handle, споделете. Чудесно за retouching, design итерации. В браузъра.
Качете и двете изображения за начало.
Справка
Как работи slider-ът?
Compare slider слага две изображения едно върху друго и разкрива всяко според позицията на handle. Използва clip-path в CSS за clip на горното изображение, така че плъзгането е GPU-ускорено и плавно. И двете изображения се зареждат като Object URLs в браузъра ви и никога не се качват никъде.
Често срещани употреби
- Photo retouching — покажете редакции рамо до рамо.
- Design QA — сравнете визуално design ревизии.
- Ремонт — представете преди/след стаи.
- Маркетинг — покажете трансформации на продукти.
Поверителност
Цялата обработка работи 100% в браузъра ви. Никакви данни не се изпращат на сървър.