Как добавить такой эффект в имеющийся код?

Question

[metori]

Всем привет, нужна помощь.
Есть такой код:
№1 https://codepen.io/anon/pen/dxYOQb
и такой:
№2 https://codepen.io/woojjajja/pen/dLExem

Как добавить эффект с примера №2 в пример №1? У меня все плыть начинает. Подскажите, пожалуйста.

Answer 1

[Максим]

Там собственно просто с подготовкой делается
1) две фотки и разобраться со scaleX и при hover сдвинуть с задержкой одну и с трансформацией поменять другую
это не сложно , вот такая же фигня но по моему : https://codepen.io/topicstarter/pen/MNapXe

Comments

[metori]

Суть в том, что рандомно я понимаю, как это реализовать, но в существующем коде не могу реализовать. Либо 2 картинки сразу грузит, либо все плывет, либо просто блюрит и исчезает :/

[Максим]

metori, сделай блок - в нём будут две картинки абсолютом - при ховере одну скрываешь другую показываешь с такими эффектами для обоих

[Максим]

metori, https://codepen.io/topicstarter/pen/dxYRoo вот на блоках а не на IMG

[metori]

Максим Ленский, Спасибо за помощь

Answer 2

[Андрей]

Сейчас у вас там нет никакого эффекта.
Ответ на вопрос, применить тот же самый код что и на ссылки с примером.
Если вам нужен не ответ, а реализация, то это на фриланс