Как сделать такой hover-эффект при наведении на 1 картинку с переключением во 2?

Question

[MaximalParadise]

Здравствуйте. Есть картинка машины на сайте. В ней два эпизода: сломанный и отремонтированный. В этом блоке выполнен переход из 1 картинки во 2 с прикреплением полоски к курсору. Хочу узнать каким образом это сделано. В идеале - увидеть живой пример. Спасибо.
Ссылка: mokselle-dev.ru/auto

Answer 1

[batraider]

Лови видосик https://www.youtube.com/watch?v=oNnBpUcr8lE

Answer 2

[Anna_BS]

codepen.io/ace/pen/BqEer
codepen.io/dudleystorey/pen/EIKzk
Вот несколько плагинов
catchmyfame
Before-After-Image-Plugin
www.pearljammers.pt/slidescreen

Answer 3

[Максим Тимофеев]

не знаю как там, но можно сделать 2 div, картинки на background. 1 поверх второго. И менять верхнему width в зависимости от положения курсора + правый бордер зеленый.

Answer 4

[frontender]

дк по ссылке ведь живой пример :)
ну а вообще вот есть такой плагин: zurb.com/playground/twentytwenty

Answer 5

[kravchenko-me]

Живые примеры:
codepen.io/bassta/pen/Fypuw
codepen.io/dudleystorey/pen/JDphy
codepen.io/massiebn/pen/EvcpF
codepen.io/ayoubgdah/pen/NGmOqK