Чем реализовать блок сравнения фото?

Question

[NikolenkoTE]

Подскажите чем на React Splite Tailwind реализовать механизм сравнения фото до и после как на примере. Я чату GPT уже надоел. Не понимает оно точком

Comments

[Антон Антон]

непонятно, что не получается. сходу за пять минут набросал такое: https://play.tailwindcss.com/hFmQezMfVi затем реактом просто менять width у нужного div (у которого класс w-[220px])

[sharpsss]

В ксс по моему есть свойство которое делает все верно белым, я думаю я бы либо как-то разделял по движению ползунка ксс свойство 1 блока если такое возможно, либо наложил сверху блок который делает этот чб эффект который по движению просто обрезался бы

[NikolenkoTE]

Да я только учусь))

Answer 1

[bqio]

Накидал на ваниле. Как перенести контроль с ренджа на белую полосу придумаете уже сами на реакте.