Как реализовать такой эффект?

Question

[Stoble]

Как называется такой эффект, как на картинке (суть в том,что по мере передвижения этого ползунка картинка то ли обесцвечивается, либо просто две картинки наложены друг на друга и одна из них обрезается на месте положения ползунка )



Может,кто знает,как можно его реализовать или есть пример с codepen.

Буду благодарен.

Answer 1

[Владимир Коротенко]

Оно ?
https://www.w3schools.com/howto/howto_js_image_com...

Comments

[Stoble]

Да,спасибо

Answer 2

[Mizutsune]

Это называется Before/After Image Slider Comparison или просто Image Comparison Slider.

Несколько плагинов на JQuery.
Несколько разных вариантов.
Ещё можно на Codepen поискать. Есть несколько вариантов.

Или если хорошо поискать и на других сайтах, то может найдутся вполне неплохие варианты.