Как движением линии скрывать один блок и показывать другой?

Question

[Ingernirated]

Всем привет!
Подскажите пожалуйста, как сделать, чтобы слева на право проходила линия, которая стирала бы верхнюю картинку и показывала изображение другого блока, который под ней, при этом, чтобы картинки не двигались, а верхняя просто стерлась этим движением?
https://jsfiddle.net/7hxupsLa/

Comments

[Destell]

Плагин

Answer 1

[WapSter]

Если правильно понял, то вот подобные эффекты дальше адаптируй под себя.

Comments

[Ingernirated]

правильно, а в чём суть заключается?
что нужно делать, чтобы скрывать один и показывать другой?
а то там везде через библиотеки.

[Ankhena]

Ingernirated, нижний не надо скрывать, это лишнее.
А у верхнего просто меняется ширина. За счет overflow видна только часть картинки вставленной абсолютом в блок.

[Ingernirated]

Ankhena, спасибо!